27 lines
751 B
JavaScript
27 lines
751 B
JavaScript
|
var sprite = kontra.sprite({
|
||
|
x: 100, // starting x,y position of the sprite
|
||
|
y: 80,
|
||
|
color: 'red', // fill color of the sprite rectangle
|
||
|
width: 20, // width and height of the sprite rectangle
|
||
|
height: 40,
|
||
|
dx: 2 // move the sprite 2px to the right every frame
|
||
|
});
|
||
|
|
||
|
var loop = kontra.gameLoop({ // create the main game loop
|
||
|
update: function() { // update the game state
|
||
|
sprite.update();
|
||
|
|
||
|
// wrap the sprites position when it reaches
|
||
|
// the edge of the screen
|
||
|
if (sprite.x > kontra.canvas.width) {
|
||
|
sprite.x = -sprite.width;
|
||
|
}
|
||
|
},
|
||
|
render: function() { // render the game state
|
||
|
sprite.render();
|
||
|
}
|
||
|
});
|
||
|
|
||
|
kontra.init(getElementById('game'));
|
||
|
loop.start(); // start the game
|