Fireing game in earth with enemies's game

Click here for free DL of the app version that can save data.

No:44214

←

Prev Next

→

Fireing game in earth with enemies
Developer User19349｜Date and time 24/2/17 15:58:11
Build time 4.967 sec｜Game capacity 1.509KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

Click here for free DL of the app version that can save data.

<html>
<head>
<style>
body { text-align: center; }
canvas { border: 1px solid black; }
</style>
</head>
<body>
<canvas id="gameCanvas" width="800" height="600"></canvas>

var player = {
x: canvas.width/2,
y: canvas.height - 30,
width: 50,
height: 50
};

var enemy = {
x: Math.floor(Math.random() * canvas.width),
y: 0,
width: 50,
height: 50,
speed: 5
};

// Player controls
document.addEventListener('keydown', function(event) {
if(event.key === 'ArrowLeft' && player.x > 0) {
player.x -= 10;
} else if(event.key === 'ArrowRight' && player.x < canvas.width - player.width) {
player.x += 10;
}
});

// Main game loop
function gameLoop() {
ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
ctx.fillStyle = 'blue';
ctx.fillRect(player.x, player.y, player.width, player.height);

// Move and draw enemy
enemy.y += enemy.speed;
ctx.fillStyle = 'red';
ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);

// Check for collision
if(player.x < enemy.x + enemy.width &&
player.x + player.width > enemy.x &&
player.y < enemy.y + enemy.height &&
player.y + player.height > enemy.y) {
alert('Game Over! Your score: ' + score);
location.reload();
}

// Spawn new enemy if current one is off screen
if(enemy.y > canvas.height) {
enemy.y = 0;
enemy.x = Math.floor(Math.random() * canvas.width);
enemy.speed++;
}

requestAnimationFrame(gameLoop);
}

gameLoop();
</script>
</body>
</html>