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
Tragedy of the Commons's game | AI game creator

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

No:7545

2487

←

Prev Next

→

Tragedy of the Commons
Developer User4029｜Date and time 23/7/8 14:46:08
Build time 14.297 sec｜Game capacity 1.877KB｜

Script

了解です。以下に「コモンズの悲劇」というゲームを部分的にゲーム化したサンプルコードを記述します。このサンプルでは、画面上に表示されたリソースをクリックして消費し、他のプレイヤーと競い合うゲームとなっています。

コモンズの悲劇

画面上のリソースを消費してポイントを獲得しましょう。

リソース

スコアボード

得点: 0

このサンプルコードでは、画面上に3種類のリソース（木、山、水）が表示されており、それぞれのリソースをクリックすることでスコアが加算されます。スコアボードには得点が表示されます。ただし、1回クリックで1〜3ポイントが加算されるようになっています。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>コモンズの悲劇</title>
</head>
<body>
  <h1>コモンズの悲劇</h1>
  <p>画面上のリソースを消費してポイントを獲得しましょう。</p>
  <div id="resources" style="padding: 20px; border: 1px solid black;">
    <h3>リソース</h3>
    <button id="resource1" onclick="consumeResource(1)">🌳</button>
    <button id="resource2" onclick="consumeResource(2)">⛰️</button>
    <button id="resource3" onclick="consumeResource(3)">🌊</button>
  </div>
  <div id="scoreboard" style="margin-top: 20px;">
    <h3>スコアボード</h3>
    <p id="points">得点: 0</p>
  </div>

function consumeResource(resourceId) {
      var resourceButton = document.getElementById(`resource${resourceId}`);
      resourceButton.disabled = true;
      resourceButton.style.opacity = "0.5";

switch (resourceId) {
        case 1:
          score += 1;
          break;
        case 2:
          score += 2;
          break;
        case 3:
          score += 3;
          break;
      }

document.getElementById("points").innerText = `得点: ${score}`;
    }
  </script>
</body>
</html>
```