Embeddable player for running MoroboxAI games on the web.
Using npm:
npm install moroboxai-player-web --save<html>
<div id="player"></div>
<script
type="text/javascript"
src="https://cdn.jsdelivr.net/npm/moroboxai-player-web/lib/umd/moroboxai-player-web.min.js"
></script>
<script type="text/javascript">
// Initialize the player on our div
const player = MoroboxAIPlayer.init({
element: document.getElementById("player"),
url: "https://raw.githubusercontent.com/moroboxai/moroboxai-games/master/games/pong/",
splashart:
"https://raw.githubusercontent.com/moroboxai/moroboxai-games/master/games/pong/assets/splashart.png",
width: 256,
height: 256
});
// Will be called when the game is ready
player.onReady = () => console.log("game is loaded and ready");
// Optionally start the game
player.play();
</script>
</html>| Name | Type | Default | Description |
|---|---|---|---|
| element | Element | DOM element to attach the player to | |
| url | string | URL of the game | |
| header | object | Game header | |
| splashart | string | URL of the placeholder image displayed before the game is loaded | |
| width | number | Width of the div element |
|
| height | number | Height of the div element |
|
| resizable | boolean | true | If the game can resize the player |
| autoPlay | boolean | false | Auto play the game after the player is initialized |
| speed | number | 1 | Speed of the game |
| agents | array | Agents to load into controllers | |
| onReady | func | noop | Signature: function() => void Function called when the game is loaded and ready |
const player = MoroboxAIPlayer.init({...});
pauseButton.onclick = () => player.pause();
playButton.onclick = () => player.play();const player = MoroboxAIPlayer.init({...});
stopButton.onclick = () => player.stop();const player = MoroboxAIPlayer.init({...});
reloadButton.onclick = () => player.reload();const player = MoroboxAIPlayer.init({...});
button.onclick = () => player.play("http://url/to/game");const player = MoroboxAIPlayer.init({...});
player.width = 128;
player.height = 128;
player.resize({width: 256, height: 256});const player = MoroboxAIPlayer.init({...});
player.speed = 2;const player = MoroboxAIPlayer.init({...});
player.remove();This content is released under the MIT License.