クソ広告をひたすら消しまくるゲーム's game

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

No:31182

←

Prev Next

→

クソ広告をひたすら消しまくるゲーム
Developer User14987｜Date and time 23/12/25 12:29:38
Build time 20.442 sec｜Game capacity 2.267KB｜

Script

了解いたしました。以下に、クソ広告をひたすら消すゲームのサンプルプログラムを実装します。

🚫

このプログラムは、ゲームエリア内にランダムに表示されるクソ広告（📺）をクリックして消すというゲームです。スマホで操作することを前提に、クソ広告は絵文字表現にしました。このプログラムを1枚のHTMLファイルとして保存し、ブラウザで開くとゲームが実行されます。クソ広告をタップして消しまくって、スコアを競ってみてください。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

了解いたしました。以下に、クソ広告をひたすら消すゲームのサンプルプログラムを実装します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>クソ広告を消すゲーム</title>
    <style>
        #gameArea {
            width: 100vw;
            height: 100vh;
            background-color: lightgray;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 5rem;
        }
    </style>
</head>
<body>
    <div id="gameArea">🚫</div>

// クソ広告をクリックした時の処理
            function removeAd() {
                this.remove();
            }

// ゲーム開始
            function startGame() {
                // クソ広告を生成
                for (let i = 0; i < 10; i++) {
                    const ad = document.createElement('div');
                    ad.innerText = '📺';
                    ad.style.position = 'absolute';
                    ad.style.top = Math.random() * (window.innerHeight - 100) + 'px';
                    ad.style.left = Math.random() * (window.innerWidth - 100) + 'px';
                    ad.style.fontSize = Math.random() * 5 + 1 + 'rem';
                    ad.style.cursor = 'pointer';
                    ad.addEventListener('click', removeAd);
                    gameArea.appendChild(ad);
                }
            }

// ゲーム開始関数を実行
            startGame();
        });
    </script>
</body>
</html>
```

このプログラムは、ゲームエリア内にランダムに表示されるクソ広告（📺）をクリックして消すというゲームです。スマホで操作することを前提に、クソ広告は絵文字表現にしました。

このプログラムを1枚のHTMLファイルとして保存し、ブラウザで開くとゲームが実行されます。クソ広告をタップして消しまくって、スコアを競ってみてください。