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

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Characters attacking! They attack from the side one after another! If the button catches up with you, the game is over!'s game | AI game creator

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

No:5241

2935

←

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>
```

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

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