AI game creator

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

No:35631

←

Prev Next

→

Burger Eating
Developer User16442｜Date and time 24/1/15 1:15:32
Build time 11.567 sec｜Game capacity 2.97KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Burger Eating Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    
    <script>
        // Canvas Initialization
        const canvas = document.getElementById("gameCanvas");
        const context = canvas.getContext("2d");

// Player variables
        let playerX = canvas.width / 2;
        let playerY = canvas.height - 50;
        let playerSpeed = 5;

// Burger variables
        let burgerX = Math.random() * (canvas.width - 50);
        let burgerY = 0;
        let burgerSpeed = 2;
        let burgersEaten = 0;

// Game Status variable
        let gameOver = false;

// Function to draw the player
        function drawPlayer() {
            context.fillStyle = "#FF0000"; // Red color
            context.fillRect(playerX - 25, playerY - 25, 50, 50);
        }

// Function to draw the burger
        function drawBurger() {
            context.fillStyle = "#FFFF00"; // Yellow color
            context.fillRect(burgerX, burgerY, 50, 50);
        }

// Function to check collision between player and burger
        function detectCollision() {
            if (playerX < burgerX + 50 &&
                playerX + 50 > burgerX &&
                playerY < burgerY + 50 &&
                playerY + 50 > burgerY) {
                burgersEaten++;
                burgerX = Math.random() * (canvas.width - 50);
                burgerY = 0;
            }
        }

// Function to update game state
        function update() {
            if (!gameOver) {
                context.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
                drawBurger();

playerX += playerSpeed;

if (playerX < 25) {
                    playerX = 25;
                } else if (playerX > canvas.width - 25) {
                    playerX = canvas.width - 25;
                }

burgerY += burgerSpeed;

if (burgerY > canvas.height) {
                    gameOver = true;
                    alert("Game Over! Burgers Eaten: " + burgersEaten);
                }

detectCollision();

requestAnimationFrame(update);
            }
        }

// Function to handle key press events
        function handleKeyPress(event) {
            if (event.key === "ArrowLeft") {
                playerSpeed = -5;
            } else if (event.key === "ArrowRight") {
                playerSpeed = 5;
            }
        }

// Function to handle key release events
        function handleKeyRelease(event) {
            if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
                playerSpeed = 0;
            }
        }

document.addEventListener("keydown", handleKeyPress);
        document.addEventListener("keyup", handleKeyRelease);

update();
    </script>
</body>
</html>