Drop the ice cream! Knock the ice cream off the people in the town!'s game

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

No:4776

972

←

Prev Next

→

Drop the ice cream! Knock the ice cream off the pe..ALL
Developer User3589｜Date and time 23/6/28 20:00:29
Build time 16.461 sec｜Game capacity 1.7KB｜

Script

了解です。以下はアイスを落とすゲームの実装例です。

🍦

このゲームでは、アイスが画面内を自動的に移動し、プレーヤーがアイスをクリックすることでスコアが加算されます。10秒ごとにゲーム終了のアラートが表示され、スコアも表示されます。再度遊ぶにはページをリロードしてください。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

了解です。以下はアイスを落とすゲームの実装例です。

```html
<!DOCTYPE html>
<html>
<head>
  <title>Ice Drop</title>
  <style>
    #canvas {
      width: 100%;
      height: 100%;
      background-color: lightblue;
    }
    #ice {
      position: absolute;
      font-size: 2rem;
    }
  </style>
</head>
<body>
  <div id="canvas">
    <div id="ice">🍦</div>
  </div>

function startGame() {
      const ice = document.getElementById('ice');
      const canvas = document.getElementById('canvas');

const canvasWidth = canvas.clientWidth;
      const canvasHeight = canvas.clientHeight;

let score = 0;

ice.addEventListener('click', function() {
        score++;
        ice.style.top = getRandomNumber(0, canvasHeight - ice.clientHeight) + 'px';
        ice.style.left = getRandomNumber(0, canvasWidth - ice.clientWidth) + 'px';
      });

setInterval(function() {
        ice.style.top = getRandomNumber(0, canvasHeight - ice.clientHeight) + 'px';
        ice.style.left = getRandomNumber(0, canvasWidth - ice.clientWidth) + 'px';
      }, 1000);

setInterval(function() {
        alert('Game Over!\nScore: ' + score);
      }, 10000);
    }

startGame();
  </script>
</body>
</html>
```