A game where you tap the cat which will appear every 10 seconds you need to tap the cat before 30 seconds or you lose if you tap the cat 10 times before 50 seconds you win when you tap the cat the cat will go to a different position's game | AI game creator

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

No:19366

65

A game where you tap the cat which will appear eve..ALL
Developer User8566｜Date and time 23/10/3 8:21:17
Build time 13.581 sec｜Game capacity 3.349KB｜

Sure! Here's an example of a simple game where you need to tap the cat within 30 seconds to win. The cat will also move to a different random position each time you tap it. The game ends if you fail to tap the cat within 30 seconds or if you tap the cat 10 times within 50 seconds.

Cat

In this example, the game is played by tapping the cat image, which is displayed within a container. The cat image has an `onclick` attribute that calls the `tapCat()` function when clicked. Each time the cat is tapped, the `tapCount` variable is incremented, and the `moveCat()` function is called to move the cat to a different random position within the game container. The game uses JavaScript `setTimeout()` function to set a timer of 30 seconds (`catTimer = setTimeout(gameOver, 30000)`) after which the `gameOver()` function is called, indicating the game is lost. If the player manages to tap the cat 10 times before the 30-second timer expires, a congratulatory message is displayed (`alertHisa("Congratulations! You win!")`). Please note that you need to replace the `src` attribute of the `<img>` tag with the actual path to your cat image. Also, feel free to adjust the game container's height and width based on your preferences.

→ 　

1　

1　

[PR]現在の売れ筋グッズランキング

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

(C)2023 HisashiApp

Sure! Here's an example of a simple game where you need to tap the cat within 30 seconds to win. The cat will also move to a different random position each time you tap it. The game ends if you fail to tap the cat within 30 seconds or if you tap the cat 10 times within 50 seconds.

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Cat Tapping Game</title>
    <style>
      #game-container {
        position: relative;
        width: 100%;
        height: 300px; /* adjust as needed */
        border: 1px solid black;
        background: #EEE;
      }
      #cat-img {
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <div id="game-container">
      <img id="cat-img" src="cat.png" alt="Cat" onclick="tapCat()">
    </div>
    
    <script>
      var catImg = document.getElementById("cat-img");
      var catTimer;
      var tapCount = 0;
      
      // Function to handle tapping the cat
      function tapCat() {
        if (tapCount < 10) {
          tapCount++;
          moveCat();
        }
        if (tapCount === 10) {
          clearTimeout(catTimer);
          alert("Congratulations! You win!");
        }
      }
      
      // Function to move the cat to a random position
      function moveCat() {
        var containerWidth = document.getElementById("game-container").offsetWidth;
        var containerHeight = document.getElementById("game-container").offsetHeight;
        
        var maxTop = containerHeight - catImg.height;
        var maxLeft = containerWidth - catImg.width;
        
        var randomTop = Math.floor(Math.random() * maxTop);
        var randomLeft = Math.floor(Math.random() * maxLeft);
        
        catImg.style.top = randomTop + "px";
        catImg.style.left = randomLeft + "px";
      }
      
      // Function to handle game over
      function gameOver() {
        clearTimeout(catTimer);
        alert("Game Over! You ran out of time or you reached maximum taps.");
        tapCount = 0;
        moveCat();
        startGame();
      }
      
      // Function to start the game
      function startGame() {
        clearTimeout(catTimer);
        catTimer = setTimeout(gameOver, 30000); // 30 seconds
        
        moveCat();
      }
      
      // Start the game initially
      startGame();
    </script>
  </body>
</html>
```

In this example, the game is played by tapping the cat image, which is displayed within a container. The cat image has an `onclick` attribute that calls the `tapCat()` function when clicked. Each time the cat is tapped, the `tapCount` variable is incremented, and the `moveCat()` function is called to move the cat to a different random position within the game container.

The game uses JavaScript `setTimeout()` function to set a timer of 30 seconds (`catTimer = setTimeout(gameOver, 30000)`) after which the `gameOver()` function is called, indicating the game is lost.

If the player manages to tap the cat 10 times before the 30-second timer expires, a congratulatory message is displayed (`alert("Congratulations! You win!")`).

Please note that you need to replace the `src` attribute of the `<img>` tag with the actual path to your cat image. Also, feel free to adjust the game container's height and width based on your preferences.