Poppy playtime chapter 1 green huggy wuggy is slow and chases you in a maze collect 10 toys to win a put them in a chest near the door to exit once all the toys are in the door opens and you fall down a hole in the ground 3d and you can move and add a maze with toys's game

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

No:48544

←

Prev Next

→

Poppy playtime chapter 1 green huggy wuggy is slow..ALL
Developer User20789｜Date and time 24/3/2 12:34:41
Build time 12.114 sec｜Game capacity 3.58KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Poppy Playtime Chapter 1</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

let playerX = 50;
        let playerY = 50;
        let toysCollected = 0;

const toyChestX = 700;
        const toyChestY = 500;
        const toyChestWidth = 50;
        const toyChestHeight = 50;

const toyX = [100, 200, 300, 400, 500, 600, 200, 300, 400, 500];
        const toyY = [100, 150, 200, 250, 300, 350, 400, 450, 500, 550];
        const toyWidth = 30;
        const toyHeight = 30;

let huggyWuggyX = 400;
        let huggyWuggyY = 300;
        let huggyWuggySpeed = 1;

function checkCollision(aX, aY, aWidth, aHeight, bX, bY, bWidth, bHeight) {
            return aX < bX + bWidth &&
                   aX + aWidth > bX &&
                   aY < bY + bHeight &&
                   aY + aHeight > bY;
        }

function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.fillStyle = 'blue';
            ctx.fillRect(playerX, playerY, 30, 30);

// Draw toys
            for (let i = 0; i < toyX.length; i++) {
                ctx.fillStyle = 'yellow';
                ctx.fillRect(toyX[i], toyY[i], toyWidth, toyHeight);
            }

// Draw toy chest
            ctx.fillStyle = 'red';
            ctx.fillRect(toyChestX, toyChestY, toyChestWidth, toyChestHeight);

// Draw Huggy Wuggy
            ctx.fillStyle = 'green';
            ctx.fillRect(huggyWuggyX, huggyWuggyY, 30, 30);

// Collision detection with toys
            for (let i = 0; i < toyX.length; i++) {
                if (checkCollision(playerX, playerY, 30, 30, toyX[i], toyY[i], toyWidth, toyHeight)) {
                    toyX.splice(i, 1);
                    toyY.splice(i, 1);
                    toysCollected++;
                }
            }

// Collision detection with toy chest
            if (checkCollision(playerX, playerY, 30, 30, toyChestX, toyChestY, toyChestWidth, toyChestHeight) && toysCollected === 10) {
                alert('Congratulations! You collected all the toys and can exit the maze!');
            }

// Move Huggy Wuggy
            if (huggyWuggyX < playerX) {
                huggyWuggyX += huggyWuggySpeed;
            } else {
                huggyWuggyX -= huggyWuggySpeed;
            }

if (huggyWuggyY < playerY) {
                huggyWuggyY += huggyWuggySpeed;
            } else {
                huggyWuggyY -= huggyWuggySpeed;
            }

// Check collision with Huggy Wuggy
            if (checkCollision(playerX, playerY, 30, 30, huggyWuggyX, huggyWuggyY, 30, 30)) {
                alert('Game Over! Huggy Wuggy caught you!');
            }

requestAnimationFrame(gameLoop);
        }

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