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

No:36634

←

Prev Next

→

Walk To Home
Developer User16822｜Date and time 24/1/18 4:51:12
Build time 8.108 sec｜Game capacity 1.87KB｜

Script

Walk To Home

Mueve al personaje a casa usando las teclas de flecha.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Walk To Home</title>
<script>
    function walkToHome() {
        // Define variables for each pictogram
        var park = "🌳";
        var school = "🏫";
        var groceryStore = "🛒";
        var coffeeShop = "☕";
        var home = "🏠";

// Create an array for the path
        var path = [park, school, groceryStore, coffeeShop, home];

// Display the pictograms representing the path
        var pathHTML = document.getElementById("path");
        pathHTML.innerHTML = path.join(" ");

// Randomly select the player's starting position
        var currentPosition = Math.floor(Math.random() * path.length);
        var currentLocationHTML = document.getElementById("current-location");
        currentLocationHTML.innerHTML = path[currentPosition];

// Move the player based on user's input
        document.addEventListener("keydown", function(event) {
            if (event.key === "ArrowRight") {
                currentPosition++;
            } else if (event.key === "ArrowLeft") {
                currentPosition--;
            }
            
            // Ensure the player stays within the path boundaries
            currentPosition = (currentPosition + path.length) % path.length;

// Update current location on HTML
            currentLocationHTML.innerHTML = path[currentPosition];

// Check if the player has reached home
            if (path[currentPosition] === home) {
                alert("¡Has llegado a casa! ¡Ganaste el juego!");
            }
        });
    }

// Start the game when the page loads
    window.onload = walkToHome;
</script>
</head>
<body>
    <h1>Walk To Home</h1>
    <p>Mueve al personaje a casa usando las teclas de flecha.</p>
    <div id="path"></div>
    <div id="current-location"></div>
</body>
</html>