A monkey tries to get his banana in a labyrinth running from a cat that tries to k○ll him's game

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

No:12982

119

←

Prev Next

→

A monkey tries to get his banana in a labyrinth ru..ALL
Developer User5666｜Date and time 23/8/25 16:53:11
Build time 29.589 sec｜Game capacity 4.264KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Monkey's Labyrinth Game</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        canvas {
            background-color: #ffffff;
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

const monkeyImg = new Image();
        monkeyImg.src = "monkey.png"; // Replace with your monkey pictogram URL

const bananaImg = new Image();
        bananaImg.src = "banana.png"; // Replace with your banana pictogram URL

const catImg = new Image();
        catImg.src = "cat.png"; // Replace with your cat pictogram URL

let monkeyX = 0; // Initial monkey position
        let monkeyY = 0;
        let bananaX = Math.floor(Math.random() * numCols); // Random banana position
        let bananaY = Math.floor(Math.random() * numRows);
        let catX = Math.floor(Math.random() * numCols); // Random cat position
        let catY = Math.floor(Math.random() * numRows);
        let score = 0;

// Keyboard input handling
        document.addEventListener("keydown", directionHandler);

function directionHandler(event) {
            const key = event.keyCode;
            switch (key) {
                case 37: // Left arrow key
                    move(-1, 0);
                    break;
                case 38: // Up arrow key
                    move(0, -1);
                    break;
                case 39: // Right arrow key
                    move(1, 0);
                    break;
                case 40: // Down arrow key
                    move(0, 1);
                    break;
            }
        }

// Update game state and redraw canvas
        function move(dx, dy) {
            const newMonkeyX = monkeyX + dx;
            const newMonkeyY = monkeyY + dy;

if (isInBounds(newMonkeyX, newMonkeyY)) {
                if (newMonkeyX === bananaX && newMonkeyY === bananaY) {
                    score++;
                    bananaX = Math.floor(Math.random() * numCols);
                    bananaY = Math.floor(Math.random() * numRows);
                }

if (newMonkeyX !== catX || newMonkeyY !== catY) {
                    monkeyX = newMonkeyX;
                    monkeyY = newMonkeyY;
                }
            }

drawGame();
            checkGameOver();
        }

// Check if the monkey is inside the game bounds
        function isInBounds(x, y) {
            return x >= 0 && x < numCols && y >= 0 && y < numRows;
        }

// Check if the game is over
        function checkGameOver() {
            if (monkeyX === catX && monkeyY === catY) {
                alert("Game Over! Score: " + score);
                resetGame();
            }
        }

// Reset game to its initial state
        function resetGame() {
            monkeyX = 0;
            monkeyY = 0;
            bananaX = Math.floor(Math.random() * numCols);
            bananaY = Math.floor(Math.random() * numRows);
            catX = Math.floor(Math.random() * numCols);
            catY = Math.floor(Math.random() * numRows);
            score = 0;
            drawGame();
        }

// Draw game objects on the canvas
        function drawGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.drawImage(monkeyImg, monkeyX * spriteSize, monkeyY * spriteSize, spriteSize, spriteSize);
            ctx.drawImage(bananaImg, bananaX * spriteSize, bananaY * spriteSize, spriteSize, spriteSize);
            ctx.drawImage(catImg, catX * spriteSize, catY * spriteSize, spriteSize, spriteSize);
        }

// Start the game
        function startGame() {
            monkeyImg.addEventListener("load", drawGame);
        }
        
        startGame();
    </script>
</body>
</html>