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

No:6733

124

←

Prev Next

→

room-temperature superconductivity
Developer User3840｜Date and time 23/7/3 12:45:15
Build time 21.545 sec｜Game capacity 2.063KB｜

Script

以下は、JavaScriptを使用したシンプルな「たこ焼きゲーム」の例です。

たこ焼きゲーム

Score: 0

Time: 30

🐙

このゲームでは、指定された時間内に表示されるたこ焼きをクリックして得点を挙げるシンプルなゲームとなっています。ゲームが終了すると、アラートが表示され、最終スコアが表示されます。

←

Prev　Next

→ 　

Back　

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

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

以下は、JavaScriptを使用したシンプルな「たこ焼きゲーム」の例です。

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>たこ焼きゲーム</title>
    <style>
      #takoyaki {
        font-size: 3em;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <h1>たこ焼きゲーム</h1>
    <p id="score">Score: 0</p>
    <p id="timer">Time: 30</p>
    <div id="takoyaki">🐙</div>

// クリックイベント
      takoyaki.addEventListener('click', function() {
        score++;
        scoreBoard.innerText = 'Score: ' + score;
        relocateTakoyaki();
      });

// ゲーム終了処理
      function endGame() {
        takoyaki.removeEventListener('click', clickEvent);
        alert('Game Over! Your score is ' + score);
      }

// タイマー処理
      function startTimer() {
        let countdown = setInterval(function() {
          time--;
          timer.innerText = 'Time: ' + time;
          if (time === 0) {
            clearInterval(countdown);
            endGame();
          }
        }, 1000);
      }

// たこ焼きの位置をランダムに変更
      function relocateTakoyaki() {
        let xPos = Math.floor(Math.random() * window.innerWidth);
        let yPos = Math.floor(Math.random() * window.innerHeight);
        takoyaki.style.left = xPos + 'px';
        takoyaki.style.top = yPos + 'px';
      }

// ゲーム開始
      startTimer();
      relocateTakoyaki();
    </script>
  </body>
</html>
```