Crea un juego de un laberinto de terror's game

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

No:41123

←

Prev Next

→

Crea un juego de un laberinto de terror
Developer User18473｜Date and time 24/2/6 6:40:54
Build time 13.346 sec｜Game capacity 3.236KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Laberinto de Terror</title>
</head>
<body>
    <canvas id="game" width="400" height="400"></canvas>

// Definir el laberinto utilizando caracteres Unicode para pictogramas
        const laberinto = [
            ["🌳", "🌳", "🌳", "🌳", "🌳", "🌳", "🌳"],
            ["🌳", "🚪", "🌳", "😱", "🌳", "🌳", "🌳"],
            ["🌳", "🌳", "🌳", "🌳", "🌳", "🌳", "🌳"],
            ["🌳", "😱", "🚪", "🌳", "😱", "🌳", "🌳"],
            ["🌳", "🌳", "🌳", "🌳", "🌳", "😱", "🌳"],
            ["🌳", "🌳", "🌳", "🌳", "🚪", "😱", "🌳"],
            ["🌳", "😱", "🚪", "🌳", "🌳", "🌳", "🌳"],
            ["🌳", "🌳", "🌳", "🌳", "🌳", "🌳", "🌳"]
        ];

// Dimensiones del laberinto
        const filas = laberinto.length;
        const columnas = laberinto[0].length;

// Variables para la posición actual del jugador
        let jugadorFila = 1;
        let jugadorColumna = 1;

// Dibujar el laberinto en el canvas
        function dibujarLaberinto() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            context.font = "30px Arial";

for (let fila = 0; fila < filas; fila++) {
                for (let columna = 0; columna < columnas; columna++) {
                    context.fillText(laberinto[fila][columna], columna * 50, fila * 50);
                }
            }
        }

// Función para manejar los eventos de teclado
        function manejarTeclado(event) {
            const teclaPresionada = event.key;

// Mover al jugador hacia arriba
            if (teclaPresionada === "ArrowUp" && jugadorFila > 0 && laberinto[jugadorFila - 1][jugadorColumna] !== "🌳") {
                jugadorFila--;
            }
            // Mover al jugador hacia abajo
            else if (teclaPresionada === "ArrowDown" && jugadorFila < filas - 1 && laberinto[jugadorFila + 1][jugadorColumna] !== "🌳") {
                jugadorFila++;
            }
            // Mover al jugador hacia la izquierda
            else if (teclaPresionada === "ArrowLeft" && jugadorColumna > 0 && laberinto[jugadorFila][jugadorColumna - 1] !== "🌳") {
                jugadorColumna--;
            }
            // Mover al jugador hacia la derecha
            else if (teclaPresionada === "ArrowRight" && jugadorColumna < columnas - 1 && laberinto[jugadorFila][jugadorColumna + 1] !== "🌳") {
                jugadorColumna++;
            }

// Si el jugador encuentra la salida (🚪), mostrar un mensaje de victoria
            if (laberinto[jugadorFila][jugadorColumna] === "🚪") {
                alert("¡Felicidades! ¡Escapaste del laberinto de terror!");
            }

dibujarLaberinto();
        }

// Iniciar el juego al cargar la página
        function iniciarJuego() {
            dibujarLaberinto();
            window.addEventListener("keydown", manejarTeclado);
        }

iniciarJuego();
    </script>
</body>
</html>