AI game creator

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

No:36561

←

Prev Next

→

3D Maze Game
Developer User16822｜Date and time 24/1/17 23:18:16
Build time 20.122 sec｜Game capacity 3.866KB｜

Script

Aquí tienes un ejemplo básico de un juego de laberinto en 3D implementado como un único archivo HTML con JavaScript. Este código se puede jugar como un juego completo en un teléfono inteligente y utiliza pictogramas cuando sea posible.

Este es solo un ejemplo básico y se puede mejorar añadiendo más funcionalidades, gráficos y niveles al juego.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Juego de Laberinto en 3D</title>
  <style>
    canvas {
      display: block;
    }
  </style>
</head>
<body>
  <script>
    // Variables de configuración del juego
    const mazeSize = 10; // Tamaño del laberinto
    const wallSize = 20; // Tamaño de las paredes
    const playerSize = 15; // Tamaño del jugador

// Colores
    const wallColor = "#000000";
    const playerColor = "#FF0000";
    const exitColor = "#00FF00";

// Variables del juego
    let maze = []; // Representación del laberinto
    let playerPosition; // Posición del jugador

function generateMaze() {
      // Coloca paredes alrededor del laberinto
      for (let i = 0; i < mazeSize; i++) {
        maze[i] = [];
        for (let j = 0; j < mazeSize; j++) {
          if (i === 0 || i === mazeSize - 1 || j === 0 || j === mazeSize - 1)
            maze[i][j] = true;
          else
            maze[i][j] = false;
        }
      }

// Genera un camino aleatorio a través del laberinto
      let x = 1;
      let y = 1;
      maze[x][y] = true;

while (x !== mazeSize - 2 || y !== mazeSize - 2) {
        const directions = [[-2, 0], [2, 0], [0, -2], [0, 2]];
        const randomDirection = directions[Math.floor(Math.random() * directions.length)];

const newX = x + randomDirection[0];
        const newY = y + randomDirection[1];

if (newX > 0 && newX < mazeSize - 1 && newY > 0 && newY < mazeSize - 1 && !maze[newX][newY]) {
          maze[newX][newY] = true;
          maze[newX - Math.floor(randomDirection[0] / 2)][newY - Math.floor(randomDirection[1] / 2)] = true;
          x = newX;
          y = newY;
        }
      }

// Establece la posición inicial del jugador
      playerPosition = {
        x: 1,
        y: 1
      };
    }

function drawMaze() {
      const canvas = document.createElement("canvas");
      const context = canvas.getContext("2d");
      canvas.width = wallSize * mazeSize;
      canvas.height = wallSize * mazeSize;

for (let i = 0; i < mazeSize; i++) {
        for (let j = 0; j < mazeSize; j++) {
          const x = i * wallSize;
          const y = j * wallSize;

if (maze[i][j]) {
            context.fillStyle = wallColor;
            context.fillRect(x, y, wallSize, wallSize);
          } else if (i === mazeSize - 2 && j === mazeSize - 2) {
            context.fillStyle = exitColor;
            context.fillRect(x, y, wallSize, wallSize);
          }
        }
      }

// Dibuja al jugador
      const playerX = playerPosition.x * wallSize + (wallSize - playerSize) / 2;
      const playerY = playerPosition.y * wallSize + (wallSize - playerSize) / 2;
      context.fillStyle = playerColor;
      context.fillRect(playerX, playerY, playerSize, playerSize);

document.body.appendChild(canvas);
    }

function movePlayer(event) {
      const keyCode = event.keyCode;
      const newX = playerPosition.x + (keyCode === 39 ? 1 : keyCode === 37 ? -1 : 0);
      const newY = playerPosition.y + (keyCode === 40 ? 1 : keyCode === 38 ? -1 : 0);

if (!maze[newX][newY]) {
        playerPosition.x = newX;
        playerPosition.y = newY;
        drawMaze();
      }

if (newX === mazeSize - 2 && newY === mazeSize - 2) {
        alert("¡Has ganado el juego!");
        generateMaze();
        drawMaze();
      }
    }

document.addEventListener("keydown", movePlayer);
    generateMaze();
    drawMaze();
  </script>
</body>
</html>
```

Este es solo un ejemplo básico y se puede mejorar añadiendo más funcionalidades, gráficos y niveles al juego.