AI game creator

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

No:50216

←

Prev Next

→

Fly swatter
Developer User21218｜Date and time 24/3/8 3:39:56
Build time 5.941 sec｜Game capacity 1.321KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Fly Swatter Game</title>
    <style>
        #game {
            width: 100vw;
            height: 100vh;
            background-color: skyblue;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        #target {
            width: 50px;
            height: 50px;
            background-color: red;
            border-radius: 50%;
            position: absolute;
        }
    </style>
</head>
<body>
    <div id="game"></div>
    
    <script>
        const game = document.getElementById('game');
        let target = document.createElement('div');
        target.id = 'target';
        let score = 0;

game.appendChild(target);

target.addEventListener('click', () => {
            score++;
            target.style.left = Math.random() * (window.innerWidth - 50) + 'px';
            target.style.top = Math.random() * (window.innerHeight - 50) + 'px';
            target.style.transition = 'none';
            setTimeout(() => {
                target.style.transition = 'top 2s linear, left 2s linear';
            }, 100);

// Display score
            game.innerHTML = `<h1>Score: ${score}</h1>`;
            game.appendChild(target);
        });
    </script>
</body>
</html>
```