Zufälliges, interaktives Spiel's game

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

No:30305

126

←

Prev Next

→

Zufälliges, interaktives Spiel
Developer User14077｜Date and time 23/12/21 5:52:24
Build time 17.509 sec｜Game capacity 2.846KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Zufälliges interaktives Spiel</title>
</head>
<body>
    <script>
        // Zufälliges interaktives Spiel

// Spielfiguren als Pictograms
        const playerPictogram = "👨‍🚀";
        const obstaclePictogram = "🚧";

// Spielfeldgröße
        const fieldSize = 10;

// Position der Spielfigur
        let playerX = Math.floor(Math.random() * fieldSize);
        let playerY = Math.floor(Math.random() * fieldSize);

// Position des Hindernisses
        let obstacleX = Math.floor(Math.random() * fieldSize);
        let obstacleY = Math.floor(Math.random() * fieldSize);

// Spiel starten
        function startGame() {
            renderGame();
        }

// Spiel aktualisieren und rendern
        function renderGame() {
            let output = "";

// Spielfeld zeichnen
            for(let y = 0; y < fieldSize; y++) {
                for(let x = 0; x < fieldSize; x++) {
                    if(x === playerX && y === playerY) {
                        output += playerPictogram + " ";
                    } else if(x === obstacleX && y === obstacleY) {
                        output += obstaclePictogram + " ";
                    } else {
                        output += "⬛ ";
                    }
                }
                output += "<br>";
            }

// Spiel ausgeben
            document.body.innerHTML = output;

// Spiel überprüfen
            checkGame();
        }

// Spiel überprüfen
        function checkGame() {
            if(playerX === obstacleX && playerY === obstacleY) {
                alert("Du hast das Hindernis getroffen! Spiel vorbei!");
                resetGame();
            }
        }

// Spiel zurücksetzen
        function resetGame() {
            playerX = Math.floor(Math.random() * fieldSize);
            playerY = Math.floor(Math.random() * fieldSize);

obstacleX = Math.floor(Math.random() * fieldSize);
            obstacleY = Math.floor(Math.random() * fieldSize);

renderGame();
        }

// Spielersteuerung
        document.addEventListener("keydown", function(event) {
            if(event.key === "ArrowUp" && playerY > 0) {
                playerY--;
                renderGame();
            } else if(event.key === "ArrowDown" && playerY < fieldSize - 1) {
                playerY++;
                renderGame();
            } else if(event.key === "ArrowLeft" && playerX > 0) {
                playerX--;
                renderGame();
            } else if(event.key === "ArrowRight" && playerX < fieldSize - 1) {
                playerX++;
                renderGame();
            }
        });

// Spiel starten
        startGame();
    </script>
</body>
</html>