Characters attacking! They attack from the side one after another! If the button catches up with you, the game is over!'s game

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

No:5241

2831

←

Prev Next

→

Characters attacking! They attack from the side on..ALL
Developer User3589｜Date and time 23/6/29 20:32:33
Build time 26.68 sec｜Game capacity 3.248KB｜

Script

了解しました。以下にスマホ操作前提で遊べる簡単なゲームを実装します。

このゲームでは、襲ってくる文字（爆弾の絵文字）を避けるという目標があります。画面をタップするとゲームが始まり、爆弾が画面の右から左に移動してきます。プレイヤーの絵文字をタップすることで爆弾を避けることができます。しかし、爆弾に追いつかれてしまうとゲームオーバーとなり、アラートが表示されます。ご希望の要件に合わせたゲームができているかどうか確認してみてください。もし他に何か要望がありましたらお知らせください。

←

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">
    <title>文字避けゲーム</title>
    <style>
        body {
            background-color: #f0f0f0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

#game-container {
            position: relative;
            width: 200px;
            height: 200px;
        }

#player {
            position: absolute;
            top: 80px;
            left: 80px;
            font-size: 40px;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <button id="player">😀</button>
    </div>

gameContainer.addEventListener("click", () => {
            if (!gameStarted) {
                gameStarted = true;
                startGame();
            }
        });

function startGame() {
            const timer = setInterval(() => {
                createEnemy();
            }, 1000);

player.addEventListener("click", () => {
                gameOver(timer);
            });
        }

function createEnemy() {
            const enemy = document.createElement("button");
            enemy.innerText = "💣";
            enemy.style.position = "absolute";
            enemy.style.top = `${Math.random() * 150}px`;
            enemy.style.left = "200px";
            enemy.style.fontSize = "40px";
            gameContainer.appendChild(enemy);

if (left - 10 <= parseInt(player.style.left)) {
                    gameOver(moveInterval);
                }
            }, 100);
        }

function gameOver(timer) {
            clearInterval(timer);
            const enemies = document.querySelectorAll("button:not(#player)");
            enemies.forEach(enemy => {
                gameContainer.removeChild(enemy);
            });
            alert("ゲームオーバー！");
            gameStarted = false;
        }
    </script>
</body>
</html>
```

このゲームでは、襲ってくる文字（爆弾の絵文字）を避けるという目標があります。画面をタップするとゲームが始まり、爆弾が画面の右から左に移動してきます。プレイヤーの絵文字をタップすることで爆弾を避けることができます。しかし、爆弾に追いつかれてしまうとゲームオーバーとなり、アラートが表示されます。

ご希望の要件に合わせたゲームができているかどうか確認してみてください。もし他に何か要望がありましたらお知らせください。