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

No:6569

111

←

Prev Next

→

Cat game
Developer User3874｜Date and time 23/7/2 20:44:17
Build time 19.212 sec｜Game capacity 2.231KB｜

Script

Sure, here's a simple cat game implemented as a single HTML file using JavaScript:

Cat Game

Score: 0

To play the game, simply open the HTML file on a smartphone or any web browser. When you click the "Click me!" button, your score will increase and the cat image will move to a random position on the screen. Note: In this example, I assumed you have an image file named "emozi_all/cat.png" in the same directory as the HTML file. Make sure to replace it with an actual image or modify the code accordingly if you want to use a different image or source.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a simple cat game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Cat Game</title>
    <style>
      body {
        text-align: center;
        background-color: #f3f3f3;
        font-family: Arial, sans-serif;
      }
      h1 {
        color: #333;
      }
      button {
        background-color: #4caf50;
        color: white;
        padding: 15px 30px;
        font-size: 24px;
        border: none;
        cursor: pointer;
        border-radius: 4px;
      }
      #catImage {
        width: 200px;
        height: 200px;
        margin-top: 20px;
      }
    </style>
  </head>
  <body>
    <h1>Cat Game</h1>
    <button onclick="increaseScore()">Click me!</button>
    <p>Score: <span id="score">0</span></p>
    <img id="catImage" src="cat.png" alt="Cat" />

// Function to increase the score and move the cat
      function increaseScore() {
        score++;
        document.getElementById("score").textContent = score;
        moveCat();
      }

// Function to move the cat randomly
      function moveCat() {
        var cat = document.getElementById("catImage");
        var screenWidth = window.innerWidth - cat.width;
        var screenHeight = window.innerHeight - cat.height;
        var randomX = Math.floor(Math.random() * screenWidth);
        var randomY = Math.floor(Math.random() * screenHeight);

cat.style.left = randomX + "px";
        cat.style.top = randomY + "px";
      }

// Call moveCat() function on page load
      window.onload = moveCat;
    </script>
  </body>
</html>
```

Note: In this example, I assumed you have an image file named "cat.png" in the same directory as the HTML file. Make sure to replace it with an actual image or modify the code accordingly if you want to use a different image or source.