Pikupikunin carrot🥕.'s game

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

No:10776

←

Prev Next

→

Pikupikunin carrot🥕.
Developer User4522｜Date and time 23/8/3 0:16:19
Build time 23.614 sec｜Game capacity 2.634KB｜

Script

了解しました。以下に、ピクピクニンジンのゲームを作成したサンプルコードを示します。

このコードをhtmlファイルに保存し、ブラウザで開くと、ピクピクニンジンのゲームがプレイできます。画面上に表示されるニンジンの絵文字をクリックすると、スコアが加算されます。制限時間は10秒で、時間が経過するとゲームオーバーとなり、最終的なスコアがアラートで表示されます。なお、このコードはスマートフォンでも操作可能なように設計されています。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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 {
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        background-color: #f8f8f8;
        font-size: 60px;
      }
    </style>
  </head>
  <body>
    <script>
      let score = 0;
      let timer;
      let carrotElement;
      
      function startGame() {
        score = 0;
        updateScore();
        generateCarrot();
        startTimer();
      }
      
      function generateCarrot() {
        if (carrotElement) {
          document.body.removeChild(carrotElement);
        }
        
        carrotElement = document.createElement('span');
        carrotElement.innerHTML = '🥕';
        carrotElement.style.position = 'absolute';
        carrotElement.style.top = Math.random() * 80 + 'vh';
        carrotElement.style.left = Math.random() * 80 + 'vw';
        document.body.appendChild(carrotElement);
        
        carrotElement.addEventListener('click', function() {
          score++;
          updateScore();
          generateCarrot();
        });
      }
      
      function startTimer() {
        let seconds = 10;
        const timerElement = document.createElement('span');
        timerElement.innerHTML = seconds;
        timerElement.style.position = 'fixed';
        timerElement.style.top = '10px';
        timerElement.style.right = '10px';
        document.body.appendChild(timerElement);
        
        timer = setInterval(function() {
          seconds--;
          timerElement.innerHTML = seconds;
          
          if (seconds === 0) {
            clearInterval(timer);
            alert('Game Over. Your score: ' + score);
          }
        }, 1000);
      }
      
      function updateScore() {
        document.body.innerHTML = 'Score: ' + score;
      }
      
      startGame();
    </script>
  </body>
</html>
```

このコードをhtmlファイルに保存し、ブラウザで開くと、ピクピクニンジンのゲームがプレイできます。画面上に表示されるニンジンの絵文字をクリックすると、スコアが加算されます。制限時間は10秒で、時間が経過するとゲームオーバーとなり、最終的なスコアがアラートで表示されます。

なお、このコードはスマートフォンでも操作可能なように設計されています。