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

No:18703

←

Prev Next

→

戦場の絆
Developer User3303｜Date and time 23/9/30 12:01:23
Build time 8.431 sec｜Game capacity 2.003KB｜

Script

了解しました。以下に『戦場の絆』というゲームのプログラムを記述します。

戦場の絆

スマホの画面をタップして敵を攻撃しましょう！

このゲームでは、スマホの画面をタップして敵を攻撃するシンプルな操作です。敵の初期位置はランダムに設定されます。タップが敵に命中するとスコアが加算され、敵が別の位置に移動します。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

了解しました。以下に『戦場の絆』というゲームのプログラムを記述します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>戦場の絆</title>
</head>
<body>
    <h1>戦場の絆</h1>
    <p>スマホの画面をタップして敵を攻撃しましょう！</p>
    <div id="gameArea" style="border: 1px solid black; width: 300px; height: 400px;">
    </div>

// ゲーム領域の要素を取得
        var gameArea = document.getElementById("gameArea");

// ゲーム領域をタップした時の処理
        gameArea.addEventListener("click", function(event) {
            var tapX = event.clientX;
            var tapY = event.clientY;

// タップ位置と敵の位置の差を計算
            var diffX = Math.abs(tapX - enemyPosX);
            var diffY = Math.abs(tapY - enemyPosY);

// タップが敵に命中した場合
            if (diffX < 30 && diffY < 30) {
                score++;
                moveEnemy();
            }
        });

// 敵をランダムな位置に移動
        function moveEnemy() {
            enemyPosX = Math.floor(Math.random() * 270) + 15;
            enemyPosY = Math.floor(Math.random() * 370) + 15;

// 敵を表示
            gameArea.innerHTML = "💀";  // 絵文字のノックアウト拳のアイコン

// スコアを表示
            gameArea.innerHTML += "<p>Score: " + score + "</p>";
        }

// 初回の敵出現
        moveEnemy();
    </script>
</body>
</html>
```