Maak een horror spel met een oma die je gedurende heel het spel achter na zit in een oud huis in een verlaten park's game

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

No:42998

←

Prev Next

→

Maak een horror spel met een oma die je gedurende ..ALL
Developer User19043｜Date and time 24/2/13 20:13:24
Build time 10.121 sec｜Game capacity 2.9KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html lang="nl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Horror Spel</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Laad de afbeeldingen
        const backgroundImg = new Image();
        const grandmaImg = new Image();
        const playerImg = new Image();

backgroundImg.src = "achtergrond.png";
        grandmaImg.src = "oma.png";
        playerImg.src = "speler.png";

// Definieer de spelobjecten
        const player = {
            x: canvas.width / 2,
            y: canvas.height / 2,
            width: 50,
            height: 50,
            speed: 5
        };

const grandma = {
            x: Math.random() * (canvas.width - 50),
            y: Math.random() * (canvas.height - 50),
            width: 50,
            height: 50,
            speed: 5
        };

// Houd de toetsindruk bij
        const keys = {};

addEventListener("keydown", function(event) {
            keys[event.code] = true;
        });

addEventListener("keyup", function(event) {
            keys[event.code] = false;
        });

// Update de speltoestand
        function update() {
            if (keys["ArrowUp"] && player.y > 0) {
                player.y -= player.speed;
            }
            if (keys["ArrowDown"] && player.y < canvas.height - player.height) {
                player.y += player.speed;
            }
            if (keys["ArrowLeft"] && player.x > 0) {
                player.x -= player.speed;
            }
            if (keys["ArrowRight"] && player.x < canvas.width - player.width) {
                player.x += player.speed;
            }

// Controleer of de speler en de oma botsen
            if (player.x < grandma.x + grandma.width &&
                player.x + player.width > grandma.x &&
                player.y < grandma.y + grandma.height &&
                player.y + player.height > grandma.y) {
                alert("Game Over");
                location.reload(); // Herlaad de pagina om opnieuw te spelen
            }
        }

// Tekenen van de spelobjecten
        function draw() {
            context.drawImage(backgroundImg, 0, 0);
            context.drawImage(grandmaImg, grandma.x, grandma.y);
            context.drawImage(playerImg, player.x, player.y);
        }

// De spelloop
        function gameLoop() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            update();
            draw();
            requestAnimationFrame(gameLoop);
        }

// Start de spelloop
        gameLoop();
    </script>
</body>
</html>