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

No:47791

111

←

Prev Next

→

鳥よけゲーム
Developer User20650｜Date and time 24/2/29 21:34:01
Build time 7.288 sec｜Game capacity 1.545KB｜

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>
    <h1>鳥よけゲーム</h1>
    <p>画面をタップして鳥をよけてください！</p>

let score = 0;
        let birdX = canvas.width / 2;
        let birdY = canvas.height / 2;

canvas.addEventListener('touchstart', (e) => {
            const rect = canvas.getBoundingClientRect();
            const touchX = e.touches[0].clientX - rect.left;
            const touchY = e.touches[0].clientY - rect.top;

if (Math.abs(touchX - birdX) < 20 && Math.abs(touchY - birdY) < 20) {
                score++;
            }
        });

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

ctx.fillStyle = 'blue';
            ctx.beginPath();
            ctx.arc(birdX, birdY, 20, 0, Math.PI * 2);
            ctx.fill();

ctx.fillStyle = 'black';
            ctx.font = '20px Arial';
            ctx.fillText(`Score: ${score}`, 10, 30);
        }

function update() {
            birdX = Math.random() * canvas.width;
            birdY = Math.random() * canvas.height;
        }

function loop() {
            draw();
            update();
            requestAnimationFrame(loop);
        }

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