タワー　敵味方's game

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

No:12979

118

←

Prev Next

→

タワー　敵味方
Developer User5664｜Date and time 23/8/25 16:20:40
Build time 19.049 sec｜Game capacity 2.45KB｜

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>
        #game-screen {
            width: 320px;
            height: 480px;
            background-color: #ccc;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

#tower {
            width: 50px;
            height: 50px;
            background-color: red;
            margin-top: auto;
        }

#enemy {
            width: 50px;
            height: 50px;
            background-color: blue;
            margin-bottom: auto;
        }
    </style>
</head>
<body>
    <div id="game-screen">
        <div id="tower"></div>
        <div id="enemy"></div>
    </div>

// ゲームステータス
        let enemyPosition = 0;
        let score = 0;

// 敵の動きを更新する関数
        function updateEnemy() {
            enemyPosition += 10;
            enemy.style.marginBottom = `${enemyPosition}px`;

// タワーと敵が接触している場合、ゲームオーバー
            if (enemyPosition >= gameScreen.clientHeight - tower.clientHeight) {
                gameOver();
            }
        }

// ゲームオーバー時の処理
        function gameOver() {
            clearInterval(gameLoop); // ゲームループを停止
            alert(`ゲームオーバー！スコア: ${score}`);
        }

// 敵をクリックした時の処理
        function enemyClick() {
            score += 1;
            enemyPosition = 0;
            enemy.style.marginBottom = "0";
        }

// クリックイベントを追加
        enemy.addEventListener("click", enemyClick);

// ゲームループを開始
        const gameLoop = setInterval(updateEnemy, 100);
    </script>
</body>
</html>
```