make it theres a cat and mouse the cat follows the mouse if it catch the mouse game over make a 10 cheese if the mouse got all cheese he wins if not lose's game

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

No:33534

←

Prev Next

→

make it theres a cat and mouse the cat follows the..ALL
Developer User15797｜Date and time 24/1/4 20:10:43
Build time 33.662 sec｜Game capacity 3.728KB｜

Script

Sure! Here's an example of a cat and mouse game implemented in a single HTML file using JavaScript:

This HTML file creates a grid-based game where a cat follows the mouse, and the player (mouse) needs to collect all the cheese to win. The game grid consists of cells displayed as div elements. The cat, mouse, and cheese are represented by background images. The cat moves towards the mouse on each turn, and when the cat catches the mouse, the game is over. The player can click on cells to move the mouse, and when the mouse collects all the cheese, the player wins.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a cat and mouse game implemented in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Cat and Mouse Game</title>
  <style>
    #grid {
      display: flex;
      flex-wrap: wrap;
      width: 300px;
      margin: 0 auto;
    }

.cell {
      width: 30px;
      height: 30px;
      border: 1px solid black;
    }

#cat {
      background-image: url('cat.png');
      background-size: contain;
    }

#mouse {
      background-image: url('mouse.png');
      background-size: contain;
    }

#cheese {
      background-image: url('cheese.png');
      background-size: contain;
    }
  </style>
</head>
<body>
  <div id="grid"></div>

// Create the game grid
    for (var i = 0; i < gridSize * gridSize; i++) {
      var cell = document.createElement("div");
      cell.className = "cell";
      document.getElementById("grid").appendChild(cell);
    }

// Generate random positions for cat, mouse, and cheese
    function generatePositions() {
      catPosition = getRandomPosition();
      mousePosition = getRandomPosition();
      cheeseCount = 10;
      updateGrid();
    }

// Retrieve a random position on the grid
    function getRandomPosition() {
      return Math.floor(Math.random() * gridSize * gridSize);
    }

// Update the grid visuals
    function updateGrid() {
      var cells = document.getElementsByClassName("cell");
      for (var i = 0; i < cells.length; i++) {
        cells[i].innerHTML = "";

if (i === catPosition) {
          cells[i].id = "cat";
        } else if (i === mousePosition) {
          cells[i].id = "mouse";
        } else if (cheeseCount > 0 && i === getRandomPosition()) {
          cells[i].id = "cheese";
        }
      }
    }

// Move the cat and check game conditions
    function moveCat() {
      var catColumn = catPosition % gridSize;
      var catRow = Math.floor(catPosition / gridSize);

var mouseColumn = mousePosition % gridSize;
      var mouseRow = Math.floor(mousePosition / gridSize);

if (catRow < mouseRow) {
        catPosition += gridSize;
      } else if (catRow > mouseRow) {
        catPosition -= gridSize;
      }

if (catColumn < mouseColumn) {
        catPosition += 1;
      } else if (catColumn > mouseColumn) {
        catPosition -= 1;
      }

if (catPosition === mousePosition) {
        alert("Game Over! The cat caught the mouse.");
        generatePositions();
      }

updateGrid();
    }

// Handle mouse click events to move the mouse
    document.addEventListener("click", function(event) {
      var cellIndex = Array.from(event.target.parentNode.children).indexOf(event.target);

if (cellIndex === mousePosition) {
        mousePosition = getRandomPosition();
        cheeseCount--;

if (cheeseCount === 0) {
          alert("You Win! The mouse collected all the cheese.");
          generatePositions();
        }
      }

updateGrid();
      moveCat();
    });

// Start the game by generating initial positions
    generatePositions();
  </script>
</body>
</html>
```