Make a special game for Noah he likes dogs and cute tigers's game

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

No:23771

←

Prev Next

→

Make a special game for Noah he likes dogs and cu..ALL
Developer User11133｜Date and time 23/11/3 12:47:12
Build time 111.898 sec｜Game capacity 2.917KB｜

Script

Sure! Here is a simple game implemented as a single HTML file, using JavaScript and encased in script tags. The game is designed for smartphone operation and incorporates pictograms. Since Noah likes dogs and cute tigers, this game revolves around rescuing cats stuck in trees. The objective is to guide a dog to jump and save the cats. Here's the code:

In this code, you need to provide the image files for the cat (`emozi_all/cat.png`) and the dog (`emozi_all/dog.png`) at their correct file paths. The game involves tapping on the screen to make the dog jump and save the falling cats. Each time a cat is saved, the player earns a point. The game ends when the player saves 5 cats, and a "Game Over" message is displayed on the screen. The score is shown at the top left corner of the canvas.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Cat Rescue Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    // Wait for the page to load
    window.onload = function() {
      
      // Get the canvas element
      var canvas = document.getElementById("gameCanvas");
      var ctx = canvas.getContext("2d");
      
      // Game variables
      var catImage = new Image();
      var dogImage = new Image();
      var catX = 150;
      var catY = 380;
      var dogX = 180;
      var dogY = 380;
      var isJumping = false;
      var jumpHeight = 80;
      var jumpVelocity = 10;
      var score = 0;
      var gameOver = false;
      
      // Load the images
      catImage.src = "cat.png";
      dogImage.src = "dog.png";
      
      // Update game function
      function updateGame() {
        if (!gameOver) {
          ctx.clearRect(0, 0, canvas.width, canvas.height);
          
          if (isJumping) {
            dogY -= jumpVelocity;
            jumpVelocity -= 1;
            
            if (dogY >= 380) {
              isJumping = false;
              jumpVelocity = 10;
            }
          }
          
          ctx.drawImage(catImage, catX, catY);
          ctx.drawImage(dogImage, dogX, dogY);
          
          // Check for collision
          if (dogX >= catX && dogX <= catX + 50 && dogY >= catY && dogY <= catY + 50) {
            score++;
            catX = Math.random() * 300;
            catY = 380;
          }
          
          // Display score
          ctx.font = "20px Arial";
          ctx.fillText("Score: " + score, 10, 30);
          
          // Game over condition
          if (score >= 5) {
            gameOver = true;
            ctx.fillText("Game Over! You saved 5 cats", 100, 200);
          }
          
          requestAnimationFrame(updateGame);
        }
      }
      
      // Handle touch events
      canvas.addEventListener("touchstart", function(e) {
        if (!isJumping) {
          isJumping = true;
        }
      });
      
      // Start the game
      updateGame();
    };
  </script>
</body>
</html>
```

In this code, you need to provide the image files for the cat (`cat.png`) and the dog (`dog.png`) at their correct file paths. The game involves tapping on the screen to make the dog jump and save the falling cats. Each time a cat is saved, the player earns a point. The game ends when the player saves 5 cats, and a "Game Over" message is displayed on the screen. The score is shown at the top left corner of the canvas.