Un juego de terror que se trata de escapar de una bruja y tenemos que conseguir todas las 6 llaves mientras nos persigue la bruja,una vez conseguidas las 6 llaves nos vamos a la Puerta la tocamos con el táctil de smartphone y listo,ganamos.'s game | AI game creator

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

No:40747

44

Un juego de terror que se trata de escapar de una ..ALL
Developer User18058｜Date and time 24/2/4 2:36:55
Build time 17.268 sec｜Game capacity 4.758KB｜

→ 　

0　

0　

[PR]現在の売れ筋ゲームランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
<title>Juego de Terror - Escapando de la Bruja</title>
<style>
    body {
        background-color: black;
        color: white;
        text-align: center;
        font-family: Arial, sans-serif;
    }
    
    #game {
        width: 80%;
        margin: auto;
        padding-top: 100px;
    }
    
    #player {
        width: 50px;
        height: 50px;
        background-color: red;
        position: absolute;
    }
    
    .key {
        width: 30px;
        height: 30px;
        background-color: yellow;
        display: inline-block;
    }
    
    #door {
        width: 60px;
        height: 100px;
        background-color: brown;
        position: relative;
        margin: auto;
        margin-top: 30px;
    }
    
    #witch {
        width: 50px;
        height: 50px;
        background-color: purple;
        position: absolute;
    }
</style>
</head>
<body>
<div id="game">
    <div id="player"></div>
    <div id="door"></div>
    <div id="keys"></div>
    <div id="witch"></div>
    <button onclick="movePlayer('up')">↑</button><br>
    <button onclick="movePlayer('left')">←</button>
    <button onclick="movePlayer('right')">→</button><br>
    <button onclick="movePlayer('down')">↓</button>
</div>

<script>
    var player = document.getElementById("player");
    var keys = [];
    var door = document.getElementById("door");
    var witch = document.getElementById("witch");
    var gameWidth = document.getElementById("game").offsetWidth;
    var gameHeight = document.getElementById("game").offsetHeight;
    
    // Generar las llaves y asignarles una posición aleatoria
    for (var i = 0; i < 6; i++) {
        var key = document.createElement("div");
        key.className = "key";
        var randomX = Math.floor(Math.random() * (gameWidth - 30));
        var randomY = Math.floor(Math.random() * (gameHeight - 30));
        key.style.left = randomX + "px";
        key.style.top = randomY + "px";
        keys.push(key);
        document.getElementById("game").appendChild(key);
    }
    
    // Función para mover al jugador
    function movePlayer(direction) {
        var posX = parseInt(player.style.left);
        var posY = parseInt(player.style.top);
        
        if (direction === "up") {
            posY -= 10;
        } else if (direction === "left") {
            posX -= 10;
        } else if (direction === "right") {
            posX += 10;
        } else if (direction === "down") {
            posY += 10;
        }
        
        // Verificar si el jugador alcanzó una llave
        for (var i = 0; i < keys.length; i++) {
            if (collisionDetection(player, keys[i])) {
                keys[i].style.display = "none";
                keys.splice(i, 1);
                if (keys.length === 0) {
                    door.style.backgroundColor = "green";
                }
                break;
            }
        }
        
        // Verificar si el jugador llegó a la puerta y ganó el juego
        if (collisionDetection(player, door) && keys.length === 0) {
            alert("¡Has escapado de la bruja! ¡Ganaste!");
            resetGame();
        }
        
        // Verificar si el jugador chocó con la bruja y perdió el juego
        if (collisionDetection(player, witch)) {
            alert("¡La bruja te atrapó! ¡Perdiste!");
            resetGame();
        }
        
        // Limitar el movimiento dentro del área de juego
        if (posX >= 0 && posX <= gameWidth - 50) {
            player.style.left = posX + "px";
        }
        if (posY >= 0 && posY <= gameHeight - 50) {
            player.style.top = posY + "px";
        }
    }
    
    // Función para verificar colisiones entre dos elementos
    function collisionDetection(element1, element2) {
        var rect1 = element1.getBoundingClientRect();
        var rect2 = element2.getBoundingClientRect();
        return !(rect1.right < rect2.left || 
                 rect1.left > rect2.right || 
                 rect1.bottom < rect2.top || 
                 rect1.top > rect2.bottom);
    }
    
    // Reiniciar el juego
    function resetGame() {
        player.style.left = "0px";
        player.style.top = "0px";
        for (var i = 0; i < keys.length; i++) {
            keys[i].style.display = "inline-block";
        }
        door.style.backgroundColor = "brown";
        keys = [];
        for (var i = 0; i < 6; i++) {
            var randomX = Math.floor(Math.random() * (gameWidth - 30));
            var randomY = Math.floor(Math.random() * (gameHeight - 30));
            keys[i].style.left = randomX + "px";
            keys[i].style.top = randomY + "px";
            keys.push(keys[i]);
        }
    }
</script>
</body>
</html>