Танком можно ездить за кликом курсора. Кнопка выстрела. Враги случайно движутся's game

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

No:49134

←

Prev Next

→

Танком можно ездить за кликом курсора. Кнопка выст..ALL
Developer User19457｜Date and time 24/3/3 23:11:23
Build time 6.156 sec｜Game capacity 1.817KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
</head>
<body>

let tankX = canvas.width / 2;
    let tankY = canvas.height - 50;
    let enemies = [];

canvas.addEventListener('mousemove', (event) => {
       tankX = event.offsetX;
    });

canvas.addEventListener('click', () => {
        fireBullet();
    });

function fireBullet() {
        bullets.push({
            x: tankX,
            y: tankY
        });
    }

function drawTank() {
        ctx.fillStyle = 'green';
        ctx.fillRect(tankX - 10, tankY - 10, 20, 20);
    }

function drawEnemies() {
        ctx.fillStyle = 'red';
        for (let enemy of enemies) {
            ctx.fillRect(enemy.x - 10, enemy.y - 10, 20, 20);
        }
    }

function detectCollision() {
        for (let enemy of enemies) {
            if (Math.abs(enemy.x - tankX) < 20 && Math.abs(enemy.y - tankY) < 20) {
                alert('Game Over!');
                location.reload();
            }
        }
    }

function gameLoop() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);

drawTank();
        drawEnemies();
        moveEnemies();
        detectCollision();

requestAnimationFrame(gameLoop);
    }

for (let i = 0; i < 5; i++) {
        enemies.push({
            x: Math.floor(Math.random() * canvas.width),
            y: 0
        });
    }

gameLoop();
</script>

</body>
</html>