Космическая стрелялка на ракетах's game

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

No:46407

←

Prev Next

→

Космическая стрелялка на ракетах
Developer User20070｜Date and time 24/2/24 20:21:30
Build time 6.579 sec｜Game capacity 2.017KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Космическая стрелялка</title>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>

canvas.addEventListener('mousemove', (event) => {
        rocketX = event.clientX - canvas.offsetLeft;
    });

function drawRocket(x, y) {
        ctx.fillStyle = 'blue';
        ctx.fillRect(x, y, 20, 40);
    }

function drawEnemy(x, y) {
        ctx.fillStyle = 'red';
        ctx.fillRect(x, y, 20, 20);
    }

function draw() {
        if (!gameOver) {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

rockets.forEach(rocket => {
                rocket.y -= 5;
                drawRocket(rocket.x, rocket.y);
            });

drawRocket(rocketX, rocketY);

enemyY += 2;
            drawEnemy(enemyX, enemyY);

if (enemyY > canvas.height) {
                enemyX = Math.random() * canvas.width;
                enemyY = 0;
            }

rockets = rockets.filter(rocket => rocket.y > 0 && rocket.x > enemyX + 20 || rocket.x < enemyX - 20);
            
            rockets.forEach(rocket => {
                if (rocket.y < enemyY + 20 && rocket.y > enemyY && rocket.x > enemyX && rocket.x < enemyX + 20) {
                    gameOver = true;
                    ctx.fillStyle = 'black';
                    ctx.font = '30px Arial';
                    ctx.fillText('Game Over', canvas.width / 2 - 70, canvas.height / 2);
                }
            });

requestAnimationFrame(draw);
        }
    }

canvas.addEventListener('click', () => {
        rockets.push({x: rocketX, y: rocketY});
    });

draw();
</script>

</body>
</html>