convergent evolution's game

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

No:10079

117

←

Prev Next

→

convergent evolution
Developer User4369｜Date and time 23/7/29 0:50:29
Build time 23.239 sec｜Game capacity 2.419KB｜

Script

了解しました。収斂進化というゲームを作成します。以下が実装例です。

Score: 0

🎯

このプログラムは、「収斂進化」というゲームを実装しています。ゲーム開始前に3秒のカウントダウンが表示され、カウントダウンが終了するとゲームが始まります。画面上に表示される目標（絵文字の🎯）をクリックするとスコアが加算されます。目標の位置はクリック毎にランダムに変わります。このプログラムをHTMLファイルとして保存し、ブラウザで開くと収斂進化というゲームが遊べます。スマホ操作に対応しており、絵文字を使ってデザインされています。

←

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>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    #game {
      text-align: center;
      margin-top: 100px;
    }
    #score {
      font-size: 24px;
      margin-bottom: 20px;
    }
    #countdown {
      font-size: 48px;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="score">Score: <span id="scoreValue">0</span></div>
    <div id="countdown">3</div>
    <div id="target">🎯</div>
  </div>
  <script>
    // 初期スコア
    let score = 0;
    
    // カウントダウン
    let countdown = 3;
    let countdownDiv = document.getElementById("countdown");
    let countdownInterval = setInterval(() => {
      countdown--;
      countdownDiv.innerText = countdown;
      if (countdown === 0) {
        clearInterval(countdownInterval);
        startGame();
      }
    }, 1000);
    
    // ゲーム開始
    function startGame() {
      let scoreDiv = document.getElementById("scoreValue");
      let targetDiv = document.getElementById("target");
      
      // クリックイベントの追加
      targetDiv.addEventListener("click", () => {
        score++;
        scoreDiv.innerText = score;
        
        // 目標の位置をランダムに変更
        targetDiv.style.top = getRandomNumber(0, window.innerHeight - 100) + "px";
        targetDiv.style.left = getRandomNumber(0, window.innerWidth - 100) + "px";
      });
    }
    
    // 指定範囲の乱数を生成する関数
    function getRandomNumber(min, max) {
      return Math.floor(Math.random() * (max - min + 1)) + min;
    }
  </script>
</body>
</html>
```

このプログラムは、「収斂進化」というゲームを実装しています。ゲーム開始前に3秒のカウントダウンが表示され、カウントダウンが終了するとゲームが始まります。画面上に表示される目標（絵文字の🎯）をクリックするとスコアが加算されます。目標の位置はクリック毎にランダムに変わります。

このプログラムをHTMLファイルとして保存し、ブラウザで開くと収斂進化というゲームが遊べます。スマホ操作に対応しており、絵文字を使ってデザインされています。