A game where you play as a fast cat and you need to chase a mouse. If you collide with that mouse, the game says You got the Mouse!'s game

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

No:43365

←

Prev Next

→

A game where you play as a fast cat and you need t..ALL
Developer User19162｜Date and time 24/2/15 9:03:33
Build time 9.372 sec｜Game capacity 3.452KB｜

Script

Sure, here's an example of a simple game where you play as a fast cat chasing a mouse. It's implemented as a single HTML file and uses JavaScript for the game logic. Please keep in mind that this is a basic skeleton and you can customize and enhance it further to make it more interactive and visually appealing.

In the above code, the game starts with a game container where the cat and mouse are represented as colored divs. The player can control the cat's position by touching or clicking on the game container. The game checks for collisions between the cat and the mouse, and if they collide, an alert is shown saying "You got the Mouse!" The game score is also incremented by 1 every time a collision occurs. To play the game, you can copy the above code and save it as a .html file, open it in a web browser (preferably on a smartphone), and interact with the game by moving the cat to catch the mouse.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Fast Cat Game</title>
  <style>
    #game-container {
      width: 100%;
      height: 400px;
      border: 1px solid black;
      position: relative;
    }

#cat {
      width: 50px;
      height: 50px;
      background-color: orange;
      position: absolute;
    }

#mouse {
      width: 30px;
      height: 30px;
      background-color: gray;
      position: absolute;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="cat"></div>
    <div id="mouse"></div>
  </div>

// Initialize game
    resetGame();

// Handle player input (touch/click)
    gameContainer.addEventListener("touchmove", function(event) {
      var touch = event.touches[0];
      catX = touch.clientX - catElement.offsetWidth / 2;
      catY = touch.clientY - catElement.offsetHeight / 2;
      catElement.style.left = catX + "px";
      catElement.style.top = catY + "px";
      checkCollision();
    });

// Game logic and collision detection
    function checkCollision() {
      var catRect = catElement.getBoundingClientRect();
      var mouseRect = mouseElement.getBoundingClientRect();

if (
        catRect.left < mouseRect.right &&
        catRect.right > mouseRect.left &&
        catRect.top < mouseRect.bottom &&
        catRect.bottom > mouseRect.top
      ) {
        gameScore++;
        resetMouse();
        alert("You got the Mouse!");
      }
    }

// Reset the mouse position randomly within the game container
    function resetMouse() {
      var maxPosX = gameContainer.offsetWidth - mouseElement.offsetWidth;
      var maxPosY = gameContainer.offsetHeight - mouseElement.offsetHeight;
      mouseX = Math.floor(Math.random() * maxPosX);
      mouseY = Math.floor(Math.random() * maxPosY);
      mouseElement.style.left = mouseX + "px";
      mouseElement.style.top = mouseY + "px";
    }

// Reset the game score and positions
    function resetGame() {
      gameScore = 0;
      resetMouse();
      catX = gameContainer.offsetWidth / 2 - catElement.offsetWidth / 2;
      catY = gameContainer.offsetHeight / 2 - catElement.offsetHeight / 2;
      catElement.style.left = catX + "px";
      catElement.style.top = catY + "px";
    }
  </script>
</body>
</html>
```

To play the game, you can copy the above code and save it as a .html file, open it in a web browser (preferably on a smartphone), and interact with the game by moving the cat to catch the mouse.