Een game waarin je zoveel mogelijk augurken moet eten's game

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

No:36617

←

Prev Next

→

Een game waarin je zoveel mogelijk augurken moet e..ALL
Developer User16844｜Date and time 24/1/18 2:57:08
Build time 19.984 sec｜Game capacity 4.646KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>

<head>
    <title>Augurken Eet Game</title>
</head>

// Player properties and starting position
        let playerX = canvas.width / 2;
        let playerY = canvas.height / 2;
        let playerSize = 50;

// Augurken properties
        let augurken = [];
        let augurkenSize = 30;
        let maxAugurken = 10;
        let score = 0;

// Keyboard controls
        let leftKeyPressed = false;
        let rightKeyPressed = false;
        let upKeyPressed = false;
        let downKeyPressed = false;

// Event listeners to track key states
        document.addEventListener("keydown", keyDownHandler, false);
        document.addEventListener("keyup", keyUpHandler, false);

// Add new augurken at random positions
        function addAugurken() {
            while (augurken.length < maxAugurken) {
                let augurkX = Math.random() * (canvas.width - augurkenSize);
                let augurkY = Math.random() * (canvas.height - augurkenSize);
                augurken.push({ x: augurkX, y: augurkY });
            }
        }

// Handle key down events
        function keyDownHandler(e) {
            if (e.key == "Left" || e.key == "ArrowLeft") {
                leftKeyPressed = true;
            }
            else if (e.key == "Right" || e.key == "ArrowRight") {
                rightKeyPressed = true;
            }
            else if (e.key == "Up" || e.key == "ArrowUp") {
                upKeyPressed = true;
            }
            else if (e.key == "Down" || e.key == "ArrowDown") {
                downKeyPressed = true;
            }
        }

// Handle key up events
        function keyUpHandler(e) {
            if (e.key == "Left" || e.key == "ArrowLeft") {
                leftKeyPressed = false;
            }
            else if (e.key == "Right" || e.key == "ArrowRight") {
                rightKeyPressed = false;
            }
            else if (e.key == "Up" || e.key == "ArrowUp") {
                upKeyPressed = false;
            }
            else if (e.key == "Down" || e.key == "ArrowDown") {
                downKeyPressed = false;
            }
        }

// Update player position based on key presses and redraw canvas
        function updateGame() {
            if (leftKeyPressed && playerX > 0) {
                playerX -= 5;
            }
            if (rightKeyPressed && playerX < canvas.width - playerSize) {
                playerX += 5;
            }
            if (upKeyPressed && playerY > 0) {
                playerY -= 5;
            }
            if (downKeyPressed && playerY < canvas.height - playerSize) {
                playerY += 5;
            }

drawGame();
        }

// Check for collision between player and augurken
        function checkCollision() {
            for (let i = 0; i < augurken.length; i++) {
                if (playerX < augurken[i].x + augurkenSize &&
                    playerX + playerSize > augurken[i].x &&
                    playerY < augurken[i].y + augurkenSize &&
                    playerY + playerSize > augurken[i].y) {
                    // Player collided with an augurk
                    augurken.splice(i, 1); // Remove the collided augurk
                    score++; // Increase score
                }
            }
        }

// Redraw the canvas
        function drawGame() {
            // Clear the canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.fillStyle = "#F00"; // Red color
            ctx.fillRect(playerX, playerY, playerSize, playerSize);

// Draw augurken
            ctx.fillStyle = "#0F0"; // Green color
            for (let i = 0; i < augurken.length; i++) {
                ctx.fillRect(augurken[i].x, augurken[i].y, augurkenSize, augurkenSize);
            }

// Draw score
            ctx.fillStyle = "#000"; // Black color
            ctx.font = "20px Arial";
            ctx.fillText("Score: " + score, 10, 20);
        }

// Game loop
        function gameLoop() {
            addAugurken(); // Add new augurken
            updateGame(); // Update game state
            checkCollision(); // Check for collisions

requestAnimationFrame(gameLoop);
        }

// Start the game loop
        gameLoop();
    </script>
</body>

</html>