Fighting Heat Stroke's game

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

No:6177

2763

←

Prev Next

→

Fighting Heat Stroke
Developer User1006｜Date and time 23/7/1 18:55:09
Build time 28.462 sec｜Game capacity 2.749KB｜

Script

以下は、JavaScriptを使用して作成された簡単な熱中症と戦うゲームの例です。このゲームでは、プレイヤーは汗をかきながら水滴を避ける必要があります。プレイヤーが水滴に触れると、ゲームオーバーになります。必要な機能を実装しましたが、ご要望に応じて自由に改良することができます。

💧

このゲームでは、プレイヤーは画面内を移動し、水滴をクリックしてゲームを続けることができます。スコアが20に達するとゲームオーバーになります。これは簡単な例ですので、要望に応じてルールやデザインをカスタマイズすることができます。

←

Prev　Next

→ 　

Back　

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

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

以下は、JavaScriptを使用して作成された簡単な熱中症と戦うゲームの例です。このゲームでは、プレイヤーは汗をかきながら水滴を避ける必要があります。プレイヤーが水滴に触れると、ゲームオーバーになります。

必要な機能を実装しましたが、ご要望に応じて自由に改良することができます。

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <style>
      body {
        background-color: #FEEBF3;
        user-select: none;
      }
      
      #player {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 50px;
      }
      
      .waterdrop {
        position: fixed;
        font-size: 30px;
      }
      
      .game-over {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 50px;
        font-weight: bold;
      }
    </style>
  </head>
  <body>
    <div id="player">💧</div>
    <script>
      var player = document.getElementById("player");
      var score = 0;
      var isGameOver = false;
      
      function generateWaterdrop() {
        var waterdrop = document.createElement("div");
        waterdrop.className = "waterdrop";
        waterdrop.style.top = Math.floor(Math.random() * 90) + "vh";
        waterdrop.style.left = Math.floor(Math.random() * 90) + "vw";
        waterdrop.innerHTML = "💦";
        
        waterdrop.addEventListener("click", function() {
          if (!isGameOver) {
            score++;
            document.body.removeChild(waterdrop);
          }
        });
        
        document.body.appendChild(waterdrop);
      }
      
      setInterval(function() {
        generateWaterdrop();
        
        if (!isGameOver) {
          player.style.top = Math.floor(Math.random() * 70) + "vh";
          player.style.left = Math.floor(Math.random() * 70) + "vw";
          
          if (score >= 20) {
            gameOver();
          }
        }
      }, 1000);
      
      function gameOver() {
        isGameOver = true;
        var gameOverText = document.createElement("div");
        gameOverText.className = "game-over";
        gameOverText.innerHTML = "ゲームオーバー";
        document.body.appendChild(gameOverText);
      }
    </script>
  </body>
</html>
```