2d adventure in the forest's game | AI game creator

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

No:43186

79

2d adventure in the forest
Developer User19134｜Date and time 24/2/14 21:00:05
Build time 13.995 sec｜Game capacity 5.318KB｜

→ 　

0　

0　

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

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
<title>Aventura en el Bosque</title>
<style>
    #game-container {
        width: 100%;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }
</style>
</head>
<body>
<div id="game-container"></div>

<script>
    // Defining the forest adventure game
    const game = {
        currentLocation: 'start',
        
        // Locations in the forest
        locations: {
            start: {
                description: 'Estás en el comienzo del bosque. Hay dos caminos, uno hacia la izquierda y otro hacia la derecha.',
                choices: {
                    left: 'izquierda',
                    right: 'derecha'
                }
            },
            left: {
                description: 'Tomaste el camino izquierdo. Hay un río delante de ti. ¿Cómo planeas cruzarlo?',
                choices: {
                    bridge: 'Puente',
                    swim: 'Nadar'
                }
            },
            right: {
                description: 'Tomaste el camino derecho. Te encuentras con un árbol gigante. ¿Qué quieres hacer?',
                choices: {
                    climb: 'trepar',
                    walkAround: 'darle la vuelta'
                }
            },
            bridge: {
                description: 'Cruzaste el río por el puente. Estás ileso y continuas tu camino.',
                choices: {
                    finish: 'Terminar'
                }
            },
            swim: {
                description: 'Decidiste nadar en el río. Fue una mala elección, un cocodrilo te atacó y terminaste tu aventura.',
                choices: {
                    finish: 'Terminar'
                }
            },
            climb: {
                description: 'Trataste de trepar el árbol gigante, pero resbalaste y te lastimaste. Tu aventura ha llegado a su fin.',
                choices: {
                    finish: 'Terminar'
                }
            },
            walkAround: {
                description: 'Le diste la vuelta al árbol y encontraste un tesoro escondido. ¡Felicidades, has completado tu aventura con éxito!',
                choices: {
                    finish: 'Terminar'
                }
            }
        },
        
        // Function to start the game
        start: function() {
            // Display the initial location description
            const descriptionElement = document.createElement('p');
            descriptionElement.textContent = this.locations[this.currentLocation].description;
            
            // Display the available choices
            const choicesElement = document.createElement('p');
            choicesElement.textContent = `Elige tu siguiente movimiento: ${Object.values(this.locations[this.currentLocation].choices).join(', ')}`;
            
            // Display the game area
            const gameContainer = document.getElementById('game-container');
            gameContainer.appendChild(descriptionElement);
            gameContainer.appendChild(choicesElement);
        },
        
        // Function to handle player's choice
        handleChoice: function(choice) {
            const currentLocation = this.locations[this.currentLocation];
            
            // Check if the chosen option is valid
            if (!currentLocation.choices.hasOwnProperty(choice)) {
                alert('Movimiento inválido. Inténtalo de nuevo.');
                return;
            }
            
            // Get the next location based on the chosen option
            const nextLocation = currentLocation.choices[choice];
            
            // Clear the game area
            const gameContainer = document.getElementById('game-container');
            gameContainer.innerHTML = '';
            
            // Update the current location
            this.currentLocation = nextLocation;
            
            // Check if the game is finished
            if (nextLocation === 'finish') {
                const finishElement = document.createElement('p');
                finishElement.textContent = '¡Has finalizado el juego!';
                gameContainer.appendChild(finishElement);
            } else {
                // Display the new location description
                const newDescriptionElement = document.createElement('p');
                newDescriptionElement.textContent = this.locations[nextLocation].description;
                
                // Display the available choices for the new location
                const newChoicesElement = document.createElement('p');
                newChoicesElement.textContent = `Elige tu siguiente movimiento: ${Object.values(this.locations[nextLocation].choices).join(', ')}`;
                
                // Append new elements to the game area
                gameContainer.appendChild(newDescriptionElement);
                gameContainer.appendChild(newChoicesElement);
            }
        }
    };
    
    // Start the game
    game.start();
    
    // Event listener for player's choice
    document.addEventListener('click', function(event) {
        const choice = event.target.textContent.toLowerCase();
        game.handleChoice(choice);
    });
</script>
</body>
</html>