Make a snake game where you have to get through a maze to catch a mouse 🐭's game

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

No:21429

←

Prev Next

→

Make a snake game where you have to get through a ..ALL
Developer User9817｜Date and time 23/10/15 13:21:04
Build time 212.383 sec｜Game capacity 5.107KB｜

Script

Sure! Here's a simple implementation of a snake game with a maze where you have to catch a mouse:

This code creates a game board, generates a maze, adds a snake and a mouse to the board, and allows the player to control the snake using arrow keys. If the snake collides with the maze walls or its own body, the game is over. The player's task is to guide the snake through the maze to catch the mouse. Have fun playing!

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure! Here's a simple implementation of a snake game with a maze where you have to catch a mouse:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Snake Maze Game</title>
  <style>
    #game-board {
      width: 400px;
      height: 400px;
      border: 1px solid #000;
      position: relative;
    }
    .cell {
      width: 20px;
      height: 20px;
      position: absolute;
      border: 1px solid #ccc;
    }
    .snake {
      background-color: #333;
    }
    .mouse {
      background-color: #f00;
    }
    .maze {
      background-color: #999;
    }
  </style>
</head>
<body>
  <div id="game-board"></div>

var gameBoard = document.getElementById('game-board');
      var cells = [];

// Create the game board
      for (var i = 0; i < boardHeight; i++) {
        for (var j = 0; j < boardWidth; j++) {
          var cell = document.createElement('div');
          cell.className = 'cell';
          cells.push(cell);
          gameBoard.appendChild(cell);
        }
      }

// Generate maze
      generateMaze();

// Add snake
      var snake = [{x: 10, y: 10}];
      updateCell(snake[0], 'snake');

// Add mouse
      var mouse = getRandomCell();
      updateCell(mouse, 'mouse');

// Add event listener for arrow key presses
      document.addEventListener('keydown', handleKeyPress);

// Handle arrow key presses
      function handleKeyPress(event) {
        event.preventDefault();
        switch(event.keyCode) {
          case 37: // left
            moveSnake(-1, 0);
            break;
          case 38: // up
            moveSnake(0, -1);
            break;
          case 39: // right
            moveSnake(1, 0);
            break;
          case 40: // down
            moveSnake(0, 1);
            break;
        }
      }

// Move the snake
      function moveSnake(dx, dy) {
        var head = {x: snake[0].x + dx, y: snake[0].y + dy};

if (isCollision(head)) {
          alert('Game Over!');
          return;
        }

snake.unshift(head);
        updateCell(head, 'snake');

if (head.x === mouse.x && head.y === mouse.y) {
          updateCell(mouse, '');
          mouse = getRandomCell();
          updateCell(mouse, 'mouse');
        } else {
          var tail = snake.pop();
          updateCell(tail, '');
        }
      }

// Check for collision with walls or snake's body
      function isCollision(head) {
        if (head.x < 0 || head.y < 0 || head.x >= boardWidth || head.y >= boardHeight)
          return true;

for (var i = 1; i < snake.length; i++) {
          if (snake[i].x === head.x && snake[i].y === head.y)
            return true;
        }

return false;
      }

// Update the cell's class
      function updateCell(cell, className) {
        cells[cell.x + cell.y * boardWidth].className = 'cell ' + className;
      }

// Generate a random cell
      function getRandomCell() {
        var randomCell = {
          x: Math.floor(Math.random() * boardWidth),
          y: Math.floor(Math.random() * boardHeight)
        };

return randomCell;
      }

// Generate the maze
      function generateMaze() {
        var mazeCells = [
          {x: 4, y: 4}, {x: 5, y: 4}, {x: 6, y: 4}, {x: 7, y: 4}, {x: 8, y: 4}, {x: 11, y: 4},
          {x: 12, y: 4}, {x: 13, y: 4}, {x: 14, y: 4}, {x: 15, y: 4}, {x: 16, y: 4}, {x: 17, y: 4},
          {x: 4, y: 5}, {x: 11, y: 5}, {x: 17, y: 5}, {x: 4, y: 6}, {x: 11, y: 6}, {x: 17, y: 6},
          {x: 4, y: 7}, {x: 11, y: 7}, {x: 17, y: 7}, {x: 4, y: 8}, {x: 11, y: 8}, {x: 17, y: 8},
          {x: 4, y: 9}, {x: 11, y: 9}, {x: 17, y: 9}, {x: 4, y: 10}, {x: 5, y: 10}, {x: 6, y: 10},
          {x: 11, y: 10}, {x: 12, y: 10}, {x: 13, y: 10}, {x: 17, y: 10}, {x: 3, y: 11}, {x: 8, y: 11},
          {x: 9, y: 11}, {x: 10, y: 11}, {x: 11, y: 11}, {x: 14, y: 11}, {x: 19, y: 11}, {x: 3, y: 12},
          {x: 14, y: 12}, {x: 19, y: 12}, {x: 3, y: 13}, {x: 14, y: 13}, {x: 19, y: 13}, {x: 3, y: 14},
          {x: 14, y: 14}, {x: 19, y: 14}, {x: 4, y: 15}, {x: 5, y: 15}, {x: 6, y: 15}, {x: 11, y: 15},
          {x: 12, y: 15}, {x: 13, y: 15}, {x: 17, y: 15}, {x: 4, y: 16}, {x: 11, y: 16}, {x: 17, y: 16},
          {x: 4, y: 17}, {x: 11, y: 17}, {x: 17, y: 17}, {x: 4, y: 18}, {x: 5, y: 18}, {x: 6, y: 18},
          {x: 7, y: 18}, {x: 8, y: 18}, {x: 11, y: 18}, {x: 12, y: 18}, {x: 13, y: 18}, {x: 14, y: 18},
          {x: 15, y: 18}, {x: 16, y: 18}, {x: 17, y: 18}
        ];

for (var i = 0; i < mazeCells.length; i++) {
          var mazeCell = mazeCells[i];
          updateCell(mazeCell, 'maze');
        }
      }
    }
  </script>
</body>
</html>
```