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

No:33337

←

Prev Next

→

可愛いわんこが、戦うゲーム
Developer User15741｜Date and time 24/1/3 17:50:33
Build time 37.39 sec｜Game capacity 3.005KB｜

Script

了解です！以下に、可愛いわんこが戦うゲームの実装例を示します。

わんこの戦い

画面をタップしてください。

🐶

😈

これは、画面をタップするとわんこ側が敵に攻撃し、同時に敵もわんこに攻撃するというゲームです。体力が0以下になるとゲーム終了となり、勝利した側が表示されます。開始時に表示されるわんこと敵の絵文字も、可愛いものを選びました。スマホでの操作を前提とし、HTMLとJavaScriptを1枚のファイルに実装しています。

←

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 {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        #dog {
            font-size: 100px;
        }
        #enemy {
            font-size: 120px;
        }
        #status {
            font-size: 20px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>わんこの戦い</h1>
    <p>画面をタップしてください。</p>
    <div id="dog">🐶</div>
    <div id="enemy">😈</div>
    <div id="status"></div>

// 敵が攻撃する処理
            dogHealth -= 20; // わんこの体力を20減らす
            updateStatus(); // ステータスの更新

// ゲーム終了判定
            if (dogHealth <= 0 || enemyHealth <= 0) {
                endGame(); // ゲーム終了処理
            }
        }

// ステータスの更新処理
        function updateStatus() {
            dogElement.textContent = `わんこの体力: ${dogHealth}`;
            enemyElement.textContent = `敵の体力: ${enemyHealth}`;
        }

// ゲーム終了処理
        function endGame() {
            // 勝敗判定
            if (dogHealth <= 0) {
                statusElement.textContent = "敵の勝ち！";
            } else {
                statusElement.textContent = "わんこの勝ち！";
            }

// クリックイベントリスナーを削除
            dogElement.removeEventListener('click', onDogClick);
        }

// ゲームの初期化
        function initializeGame() {
            dogElement = document.getElementById('dog');
            enemyElement = document.getElementById('enemy');
            statusElement = document.getElementById('status');

dogHealth = 100; // わんこの体力
            enemyHealth = 150; // 敵の体力

// クリックイベントリスナーの設定
            dogElement.addEventListener('click', onDogClick);
        }

// ゲームの初期化処理を実行
        initializeGame();
    </script>
</body>
</html>
```