Master the art of physical destruction! Players have various responsibilities to destroy objects! The responsibility to be followed by the player is randomly determined each time, and the player must destroy the object according to the responsibility!'s game

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

No:4826

2813

←

Prev Next

→

Master the art of physical destruction! Players ha..ALL
Developer User3589｜Date and time 23/6/28 22:16:17
Build time 35.565 sec｜Game capacity 3.564KB｜

Script

了解しました！以下に、物理的な破壊をテーマにしたゲームの実装例を示します。

このゲームでは、画面上に表示されるオブジェクト（赤い円）をクリックすることで破壊することが目標です。プレイヤーは毎回ランダムに与えられる責任に合わせて、破壊を行ってください。オブジェクトをクリックすると、オブジェクトの背景色が緑に変わり、「破壊済み」と表示されます。また、責任はランダムに選ばれるため、ゲームを続けるたびに異なる責任が与えられます。この実装例では、最初の責任はロード時にランダムに決定されます。以上の実装を1枚のHTMLファイルとして実装し、JavaScriptを`
`タグ内で囲んで実行されるようにしました。スマホで遊ぶこともできますので、ぜひお楽しみください！

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

了解しました！以下に、物理的な破壊をテーマにしたゲームの実装例を示します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>物理的な破壊ゲーム</title>

// ランダムな責任を取得する関数
        function getRandomResponsibility() {
            const randomIndex = Math.floor(Math.random() * responsibilities.length);
            return responsibilities[randomIndex];
        }

// 責任に応じた破壊を行う関数
        function destroyObject(event) {
            const object = event.target;
            object.style.backgroundColor = "#00ff00";
            object.innerText = "破壊済み";

// 新しい責任を設定する
            const responsibility = getRandomResponsibility();
            document.getElementById("responsibility").innerText = responsibility;
        }

// プレイヤーが追うべき責任を表示する要素を作成する
        const responsibility = document.createElement("p");
        responsibility.id = "responsibility";
        document.body.appendChild(responsibility);

// オブジェクト要素にクリックイベントを追加
        const objects = document.getElementsByClassName("object");
        for (const object of objects) {
            object.addEventListener("click", destroyObject);
        }

// 最初の責任を設定する
        const initialResponsibility = getRandomResponsibility();
        document.getElementById("responsibility").innerText = initialResponsibility;
    </script>
</body>
</html>
```

このゲームでは、画面上に表示されるオブジェクト（赤い円）をクリックすることで破壊することが目標です。プレイヤーは毎回ランダムに与えられる責任に合わせて、破壊を行ってください。オブジェクトをクリックすると、オブジェクトの背景色が緑に変わり、「破壊済み」と表示されます。

また、責任はランダムに選ばれるため、ゲームを続けるたびに異なる責任が与えられます。この実装例では、最初の責任はロード時にランダムに決定されます。

以上の実装を1枚のHTMLファイルとして実装し、JavaScriptを`<script>`タグ内で囲んで実行されるようにしました。スマホで遊ぶこともできますので、ぜひお楽しみください！