You Are a Sheep. Collect 10 Pigs to Win. Run from the Dog's game

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

No:47268

←

Prev Next

→

You Are a Sheep. Collect 10 Pigs to Win. Run from ..ALL
Developer User20440｜Date and time 24/2/27 21:35:01
Build time 10.354 sec｜Game capacity 3.047KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Sheep Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

const sheep = {
            x: 50,
            y: 50,
            width: 50,
            height: 50,
            speed: 5
        };

const pigs = [
            { x: 200, y: 150, width: 40, height: 40, collected: false },
            { x: 100, y: 300, width: 40, height: 40, collected: false },
            { x: 300, y: 250, width: 40, height: 40, collected: false }
        ];

const dog = {
            x: 350,
            y: 350,
            width: 50,
            height: 50,
            speed: 7
        };

let pigsCollected = 0;

function drawSheep() {
            ctx.fillStyle = "white";
            ctx.fillRect(sheep.x, sheep.y, sheep.width, sheep.height);
        }

function drawDog() {
            ctx.fillStyle = "brown";
            ctx.fillRect(dog.x, dog.y, dog.width, dog.height);
        }

function checkCollision(obj1, obj2) {
            if (obj1.x < obj2.x + obj2.width &&
                obj1.x + obj1.width > obj2.x &&
                obj1.y < obj2.y + obj2.height &&
                obj1.y + obj1.height > obj2.y) {
                return true;
            }
            return false;
        }

function update() {
            document.addEventListener("keydown", function(event) {
                switch(event.key) {
                    case "ArrowUp":
                        sheep.y -= sheep.speed;
                        break;
                    case "ArrowDown":
                        sheep.y += sheep.speed;
                        break;
                    case "ArrowLeft":
                        sheep.x -= sheep.speed;
                        break;
                    case "ArrowRight":
                        sheep.x += sheep.speed;
                        break;
                }
            });

pigs.forEach(pig => {
                if (checkCollision(sheep, pig) && !pig.collected) {
                    pig.collected = true;
                    pigsCollected++;
                }
            });

if (pigsCollected === 10) {
                alert("You win! You collected all 10 pigs.");
            }

if (checkCollision(sheep, dog)) {
                alert("Game over! The dog caught you.");
            }

draw();
        }

function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawSheep();
            drawPigs();
            drawDog();
        }

setInterval(update, 1000/60);

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