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

No:23325

Game with stupid, boing mazes
Developer User9231｜Date and time 23/10/30 0:30:52
Build time 148.958 sec｜Game capacity 3.074KB｜

Script

Игра в скучные лабиринты

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Игра в скучные лабиринты</title>
  <style>
    body {
      background-color: #F4F4F4;
      font-family: Arial, sans-serif;
      text-align: center;
      margin-top: 50px;
    }

h1 {
      color: #333;
    }

#maze {
      display: inline-block;
      position: relative;
    }

.cell {
      width: 40px;
      height: 40px;
      display: inline-block;
      border: 1px solid #999;
      box-sizing: border-box;
    }

.start {
      background-color: #33CC33;
    }

.end {
      background-color: #FF3333;
    }

.player {
      background-color: #3333FF;
    }

.wall {
      background-color: #999;
    }
  </style>
</head>
<body>
  <h1>Игра в скучные лабиринты</h1>
  <div id="maze"></div>
</body>
<script>
  var maze = [
    ['S', '#', '#', '#', 'E'],
    ['#', '#', '#', '#', '#'],
    ['#', '#', '#', '#', '#'],
    ['#', '#', '#', '#', '#'],
    ['#', '#', '#', '#', '#']
  ];
  
  var playerX = 0;
  var playerY = 0;

function movePlayer(event) {
    var keyCode = event.keyCode || event.which;
    var newPlayerX = playerX;
    var newPlayerY = playerY;

switch (keyCode) {
      case 37: // Left
        newPlayerX--;
        break;
      case 38: // Up
        newPlayerY--;
        break;
      case 39: // Right
        newPlayerX++;
        break;
      case 40: // Down
        newPlayerY++;
        break;
      default:
        return;
    }

if (isValidMove(newPlayerX, newPlayerY)) {
      playerX = newPlayerX;
      playerY = newPlayerY;
    }

updateMaze();
    checkGameOver();
  }

function isValidMove(x, y) {
    if (x < 0 || y < 0 || x >= maze.length || y >= maze[0].length) {
      return false; // Outside maze boundary
    }

var cell = maze[x][y];
    return cell !== '#' && cell !== 'E';
  }

drawMaze();
  }

function checkGameOver() {
    if (maze[playerX][playerY] === 'E') {
      alert("Поздравляю! Вы победили.");
      resetGame();
    }
  }

function resetGame() {
    playerX = 0;
    playerY = 0;
    drawMaze();
  }

document.addEventListener("keydown", movePlayer);

drawMaze();
</script>
</html>