RUN FROM PINGAS (PLS MAKE IT TAKE 6 MINS)'s game

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

No:50252

101

←

Prev Next

→

RUN FROM PINGAS (PLS MAKE IT TAKE 6 MINS)
Developer User21271｜Date and time 24/3/8 7:00:40
Build time 10.03 sec｜Game capacity 3.615KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Run from Pingas Game</title>
</head>

let player = {
            x: 200,
            y: 200,
            size: 20,
            speed: 3,
            color: 'blue'
        };

let pingas = {
            x: Math.random() * 360,
            y: Math.random() * 360,
            size: 30,
            speed: 2,
            color: 'red'
        };

function drawPlayer() {
            ctx.fillStyle = player.color;
            ctx.fillRect(player.x, player.y, player.size, player.size);
        }

function drawPingas() {
            ctx.fillStyle = pingas.color;
            ctx.fillRect(pingas.x, pingas.y, pingas.size, pingas.size);
        }

if (player.x < 0) {
                    player.x = 0;
                }
                if (player.x + player.size > canvas.width) {
                    player.x = canvas.width - player.size;
                }
                if (player.y < 0) {
                    player.y = 0;
                }
                if (player.y + player.size > canvas.height) {
                    player.y = canvas.height - player.size;
                }
            });
        }

function movePingas() {
            let diffX = player.x - pingas.x;
            let diffY = player.y - pingas.y;

if (Math.abs(diffX) > Math.abs(diffY)) {
                if (diffX > 0) {
                    pingas.x += pingas.speed;
                } else {
                    pingas.x -= pingas.speed;
                }
            } else {
                if (diffY > 0) {
                    pingas.y += pingas.speed;
                } else {
                    pingas.y -= pingas.speed;
                }
            }
        }

function collisionDetection() {
            if (player.x < pingas.x + pingas.size &&
                player.x + player.size > pingas.x &&
                player.y < pingas.y + pingas.size &&
                player.y + player.size > pingas.y) {
                alert('Game Over! Pingas caught you!');
                clearInterval(interval);
            }
        }

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

movePlayer();
            movePingas();
            collisionDetection();

drawPlayer();
            drawPingas();
        }

let interval = setInterval(gameLoop, 100);

setTimeout(() => {
            clearInterval(interval);
            alert('You won! You successfully ran from Pingas!');
        }, 360000);
    </script>
</body>

</html>
```