A boy journey to the realm of food's game

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

No:47543

3284

←

Prev Next

→

A boy journey to the realm of food
Developer anonymous｜Date and time 24/2/28 11:00:46
Build time unknown sec｜Game capacity 1.998KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>The Realm of Food</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Pictogram for the boy
        const boy = {
            x: 50,
            y: canvas.height - 50,
            width: 30,
            height: 30
        };

// Pictogram for food
        const food = {
            x: canvas.width - 50,
            y: canvas.height - 50,
            width: 30,
            height: 30
        };

// Move boy left or right with arrow keys
        document.addEventListener('keydown', function(event) {
            if (event.key === 'ArrowLeft' && boy.x > 0) {
                boy.x -= 5;
            } else if (event.key === 'ArrowRight' && boy.x < canvas.width - boy.width) {
                boy.x += 5;
            }

// Check if boy has reached the food
            if (boy.x < food.x + food.width &&
                boy.x + boy.width > food.x &&
                boy.y < food.y + food.height &&
                boy.y + boy.height > food.y) {
                alert('You have reached the Realm of Food! Enjoy your meal!');
            }
        });

// Draw boy pictogram
        function drawBoy() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(boy.x, boy.y, boy.width, boy.height);
        }

// Draw food pictogram
        function drawFood() {
            ctx.fillStyle = 'green';
            ctx.fillRect(food.x, food.y, food.width, food.height);
        }

// Main game loop
        function gameLoop() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw boy and food
            drawBoy();
            drawFood();

requestAnimationFrame(gameLoop);
        }

// Start the game loop
        gameLoop();

</script>
</body>
</html>