Make a platform game where you are a dad collecting milk and he avoids monkeys's game

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

No:10407

187

←

Prev Next

→

Make a platform game where you are a dad collectin..ALL
Developer User4313｜Date and time 23/7/31 8:13:28
Build time 25.24 sec｜Game capacity 4.098KB｜

Script

Sure! Here's an example of a platform game where a dad collects milk and avoids monkeys:

To play the game, you can copy the above code into a new HTML file (e.g., `platform_game.html`) and open it in a web browser or on a smartphone. The game canvas will appear, and you can control the dad character using the arrow keys (Right and Left). The objective is to collect the milk while avoiding the monkey. If you collide with the milk, you win and get a congratulatory message. If you collide with the monkey, you lose and receive a game over message.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a platform game where a dad collects milk and avoids monkeys:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        canvas {
            display: block;
            position: absolute;
            margin: auto;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>

// Player variables
        let playerX = 50;
        let playerY = 270;
        const playerWidth = 30;
        const playerHeight = 50;
        const playerSpeed = 5;

// Milk variables
        let milkX = 400;
        let milkY = 270;
        const milkWidth = 20;
        const milkHeight = 30;

// Monkey variables
        let monkeyX = 200;
        let monkeyY = 280;
        const monkeyWidth = 40;
        const monkeyHeight = 40;
        const monkeySpeed = 3;

// Keyboard event listeners
        document.addEventListener("keydown", keyDownHandler, false);
        document.addEventListener("keyup", keyUpHandler, false);

let rightPressed = false;
        let leftPressed = false;

function keyDownHandler(event) {
            if (event.key === "Right" || event.key === "ArrowRight") {
                rightPressed = true;
            } else if (event.key === "Left" || event.key === "ArrowLeft") {
                leftPressed = true;
            }
        }

function keyUpHandler(event) {
            if (event.key === "Right" || event.key === "ArrowRight") {
                rightPressed = false;
            } else if (event.key === "Left" || event.key === "ArrowLeft") {
                leftPressed = false;
            }
        }

// Game loop
        function drawGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.fillStyle = "blue";
            ctx.fillRect(playerX, playerY, playerWidth, playerHeight);

// Draw milk
            ctx.fillStyle = "white";
            ctx.fillRect(milkX, milkY, milkWidth, milkHeight);

// Draw monkey
            ctx.fillStyle = "brown";
            ctx.fillRect(monkeyX, monkeyY, monkeyWidth, monkeyHeight);

// Move player
            if (rightPressed && playerX < canvas.width - playerWidth) {
                playerX += playerSpeed;
            } else if (leftPressed && playerX > 0) {
                playerX -= playerSpeed;
            }

// Move monkey
            if (monkeyX < playerX) {
                monkeyX += monkeySpeed;
            } else if (monkeyX > playerX) {
                monkeyX -= monkeySpeed;
            }

// Collision detection
            if (playerX < milkX + milkWidth &&
                playerX + playerWidth > milkX &&
                playerY < milkY + milkHeight &&
                playerY + playerHeight > milkY) {
                alert("Congratulations! You collected the milk!");
                document.location.reload();
            }

if (playerX < monkeyX + monkeyWidth &&
                playerX + playerWidth > monkeyX &&
                playerY < monkeyY + monkeyHeight &&
                playerY + playerHeight > monkeyY) {
                alert("Game Over! The monkey got you!");
                document.location.reload();
            }

requestAnimationFrame(drawGame);
        }

drawGame();
    </script>
</body>
</html>
```