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

No:37694

you are a mouse in a maze while a car chases you b..ALL
Developer User17093｜Date and time 24/1/21 10:57:03
Build time 15.611 sec｜Game capacity 4.634KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file. The game involves you, as a mouse, navigating through a maze while being chased by a car. Your objective is to lose the car and find the exit of the maze to win the game.

Mouse Maze Game

To play the game, you can copy the above code into a blank HTML file and open it in a web browser on your smartphone. You'll see a maze, represented by a bordered div element, with a gray dot representing the mouse, a red rectangle representing the car, and a green dot representing the exit. Use the arrow keys or swipe gestures to move the mouse (gray dot) and try to avoid being caught by the car (red rectangle). If the mouse reaches the exit (green dot), you win the game. Please note that this is a basic example, and it can be further enhanced with additional features, levels, and graphics.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Mouse Maze Game</title>
  <style>
    #maze {
      width: 400px;
      height: 400px;
      border: 1px solid black;
      position: relative;
    }
    #mouse {
      width: 20px;
      height: 20px;
      background-color: gray;
      border-radius: 50%;
      position: absolute;
    }
    #car {
      width: 40px;
      height: 20px;
      background-color: red;
      position: absolute;
    }
    #exit {
      width: 20px;
      height: 20px;
      background-color: green;
      border-radius: 50%;
      position: absolute;
    }
  </style>
</head>
<body>
  <h1>Mouse Maze Game</h1>
  <div id="maze">
    <div id="mouse"></div>
    <div id="car"></div>
    <div id="exit"></div>
  </div>

// Maze Dimensions
    var mazeWidth = maze.offsetWidth;
    var mazeHeight = maze.offsetHeight;

// Mouse Position
    var mouseX = mouse.offsetLeft;
    var mouseY = mouse.offsetTop;

// Car Position and Speed
    var carX = car.offsetLeft;
    var carY = car.offsetTop;
    var carSpeedX = 1;
    var carSpeedY = 1;

// Exit Position
    var exitX = exit.offsetLeft;
    var exitY = exit.offsetTop;

// Function to handle mouse movement
    function moveMouse(event) {
      var keyCode = event.keyCode;
      switch (keyCode) {
        case 37: // Left Arrow
          mouseX -= 10;
          break;
        case 38: // Up Arrow
          mouseY -= 10;
          break;
        case 39: // Right Arrow
          mouseX += 10;
          break;
        case 40: // Down Arrow
          mouseY += 10;
          break;
      }
      checkCollision();
      updateMousePosition();
    }

// Function to update mouse position
    function updateMousePosition() {
      mouse.style.left = mouseX + 'px';
      mouse.style.top = mouseY + 'px';
    }

// Function to handle car movement
    function moveCar() {
      if (carX < mouseX) {
        carX += carSpeedX;
      } else if (carX > mouseX) {
        carX -= carSpeedX;
      }
      if (carY < mouseY) {
        carY += carSpeedY;
      } else if (carY > mouseY) {
        carY -= carSpeedY;
      }

checkCollision();
      updateCarPosition();
    }

// Function to update car position
    function updateCarPosition() {
      car.style.left = carX + 'px';
      car.style.top = carY + 'px';
    }

// Function to check collision between mouse, car, and exit
    function checkCollision() {
      if (
        carX < mouseX + mouse.offsetWidth &&
        carX + car.offsetWidth > mouseX &&
        carY < mouseY + mouse.offsetHeight &&
        carY + car.offsetHeight > mouseY
        ) {
        // Mouse caught by the car
        alert("Game Over!");
        resetGame();
      }

if (
        mouseX < exitX + exit.offsetWidth &&
        mouseX + mouse.offsetWidth > exitX &&
        mouseY < exitY + exit.offsetHeight &&
        mouseY + mouse.offsetHeight > exitY
        ) {
        // Mouse found the exit
        alert("You Win!");
        resetGame();
      }
    }

// Function to reset the game
    function resetGame() {
      clearInterval(carInterval);
      mouseX = 0;
      mouseY = 0;
      carX = 0;
      carY = 0;
      updateMousePosition();
      updateCarPosition();
    }

// Game start
    function startGame() {
      document.addEventListener('keydown', moveMouse);
      carInterval = setInterval(moveCar, 10); // Car movement interval
    }

// Start the game
    startGame();
  </script>
</body>
</html>
```

Please note that this is a basic example, and it can be further enhanced with additional features, levels, and graphics.