46 lines
1.1 KiB
JavaScript
46 lines
1.1 KiB
JavaScript
// Create the canvas
|
|
var canvas = document.getElementById("canvas");
|
|
var ctx = canvas.getContext("2d");
|
|
|
|
var SIZE = 32;
|
|
|
|
var vy = 0;
|
|
// Draw everything
|
|
var render = function () {
|
|
if (bgReady) {
|
|
|
|
ctx.drawImage(bgImage, 0, vy);
|
|
ctx.drawImage(bgImage, 0, bgImage.height-Math.abs(vy));
|
|
|
|
if (Math.abs(vy) > bgImage.height) vy = 0;
|
|
vy -= 2;
|
|
}
|
|
|
|
if (heroReady && !hero.dead) {
|
|
ctx.drawImage(heroImage, hero.x, hero.y,SIZE, SIZE);
|
|
}
|
|
|
|
for (var i=0; i < enemies.length; i++){
|
|
var enemy = enemies[i];
|
|
ctx.drawImage(monsterImage, enemy.x, enemy.y,SIZE, SIZE);
|
|
|
|
}
|
|
for (var i=0; i < enemyShots.length; i++){
|
|
var shot = enemyShots[i];
|
|
ctx.drawImage(shotRedImage, shot.x, shot.y ,SIZE, SIZE);
|
|
}
|
|
|
|
for (var i=0; i < playerShots.length; i++){
|
|
var shot = playerShots[i];
|
|
ctx.drawImage(shotImage, shot.x, shot.y ,SIZE, SIZE);
|
|
}
|
|
|
|
if (hero.dead){
|
|
ctx.fillStyle = "rgb(250, 0, 0)";
|
|
ctx.font = "48px Helvetica";
|
|
ctx.textAlign = "center";
|
|
ctx.textBaseline = "top";
|
|
ctx.fillText("Game Over", canvas.width / 2, canvas.height/ 2);
|
|
}
|
|
};
|