Стреляй в квадраты's game

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

No:46410

←

Prev Next

→

Стреляй в квадраты
Developer User20070｜Date and time 24/2/24 20:24:54
Build time 4.507 sec｜Game capacity 1.27KB｜

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>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

let score = 0;
        let targetX = Math.floor(Math.random() * 380);
        let targetY = Math.floor(Math.random() * 380);

canvas.addEventListener('click', function(event) {
            let mouseX = event.offsetX;
            let mouseY = event.offsetY;

if (mouseX >= targetX && mouseX <= targetX + 20
                && mouseY >= targetY && mouseY <= targetY + 20) {
                score++;
                targetX = Math.floor(Math.random() * 380);
                targetY = Math.floor(Math.random() * 380);
            }
        });

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

ctx.fillStyle = 'blue';
            ctx.fillRect(targetX, targetY, 20, 20);

ctx.font = '20px Arial';
            ctx.fillStyle = 'black';
            ctx.fillText('Счёт: ' + score, 10, 30);

requestAnimationFrame(draw);
        }

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