You Are a Penguin. Run from the Polar Bear. Jump Over the Seals's game

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

No:47267

←

Prev Next

→

You Are a Penguin. Run from the Polar Bear. Jump O..ALL
Developer User20440｜Date and time 24/2/27 21:33:06
Build time 7.742 sec｜Game capacity 1.715KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

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

let penguinX = 50;
let penguinY = 250;
let penguinSpeed = 5;

let polarBearX = 750;
let polarBearY = 250;
let polarBearSpeed = 2;

let sealX = 400;
let sealY = 300;
let sealSpeed = 1;

function drawPenguin() {
    ctx.fillStyle = 'black';
    ctx.fillRect(penguinX, penguinY, 50, 50);
}

function drawPolarBear() {
    ctx.fillStyle = 'white';
    ctx.fillRect(polarBearX, polarBearY, 50, 50);
}

function drawSeal() {
    ctx.fillStyle = 'gray';
    ctx.fillRect(sealX, sealY, 50, 50);
}

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

drawPenguin();
    drawPolarBear();
    drawSeal();

penguinX += penguinSpeed;
    polarBearX -= polarBearSpeed;
    sealX -= sealSpeed;

if (penguinX >= 750) {
        penguinX = 50;
    }

if (polarBearX <= 0) {
        polarBearX = 750;
    }

if (sealX <= 0) {
        sealX = 800;
    }

if (penguinX + 50 > sealX && penguinY === sealY) {
        penguinSpeed = 0;
        alert('Game Over! You got caught by the seal.');
        document.location.reload();
    }

if (penguinX + 50 > polarBearX && penguinY === polarBearY) {
        penguinSpeed = 0;
        alert('Game Over! You got caught by the polar bear.');
        document.location.reload();
    }

requestAnimationFrame(updateGameArea);
}

document.addEventListener('keydown', function(event) {
    if (event.key === ' ') {
        penguinY -= 100;
    }
});

updateGameArea();

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