鳥よけゲーム　鳥に触ると消える　鳥いっぱい's game

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

No:48105

105

←

Prev Next

→

鳥よけゲーム　鳥に触ると消える　鳥いっぱい
Developer User20650｜Date and time 24/3/1 8:58:54
Build time 5.348 sec｜Game capacity 1.225KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>鳥よけゲーム</title>
<style>
    body {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    #gameArea {
        width: 100vw;
        height: 100vh;
        background-color: skyblue;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .bird {
        font-size: 30px;
        cursor: pointer;
    }
</style>
</head>
<body>
<div id="gameArea"></div>
<script>
    const gameArea = document.getElementById('gameArea');
    
    const birds = ['🦅', '🦢', '🦜', '🦉', '🦃', '🦆', '🦚', '🦢'];

setInterval(() => {
        const bird = document.createElement('div');
        bird.innerText = birds[Math.floor(Math.random() * birds.length)];
        bird.classList.add('bird');
        
        bird.style.position = 'absolute';
        bird.style.left = `${Math.random() * 90}vw`;
        bird.style.top = `${Math.random() * 90}vh`;

bird.addEventListener('click', () => {
            bird.remove();
        });

gameArea.appendChild(bird);
    }, 1000);
</script>
</body>
</html>