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

No:34442

←

Prev Next

→

Five nights at penguins
Developer User16242｜Date and time 24/1/10 11:56:30
Build time 8.852 sec｜Game capacity 2.275KB｜

Script

Five Nights at Penguins

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Five Nights at Penguins</title>
</head>
<body>
    <h1>Five Nights at Penguins</h1>
    <canvas id="game-canvas" width="500" height="500"></canvas>

// Variables del juego
        let gameLoop;
        let gameOver = false;

// Imágenes de los pinguinos
        const penguinImage = new Image();
        penguinImage.src = "penguin.png";

// Objeto del jugador
        const player = {
            x: 250,
            y: 250,
            width: 50,
            height: 50,
            speed: 5
        };

// Función para dibujar al jugador
        function drawPlayer() {
            ctx.drawImage(penguinImage, player.x, player.y, player.width, player.height);
        }

// Función para actualizar el juego
        function update() {
            if (gameOver) {
                clearInterval(gameLoop);
                alert("Has perdido. ¡Los pinguinos te han atrapado!");
                return;
            }

ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawPlayer();
        }

// Función para manejar las teclas pulsadas
        function handleKeyDown(event) {
            const key = event.key;

if (key === "ArrowUp" && player.y - player.speed >= 0) {
                player.y -= player.speed;
            } else if (key === "ArrowDown" && player.y + player.height + player.speed <= canvas.height) {
                player.y += player.speed;
            } else if (key === "ArrowLeft" && player.x - player.speed >= 0) {
                player.x -= player.speed;
            } else if (key === "ArrowRight" && player.x + player.width + player.speed <= canvas.width) {
                player.x += player.speed;
            }
        }

// Evento para manejar las teclas pulsadas
        document.addEventListener("keydown", handleKeyDown);

// Iniciar el bucle del juego
        gameLoop = setInterval(update, 1000 / 60);
    </script>
</body>
</html>