You Are a Penguin, Jump Over the Seals, Run from Polar Bear, Find a Red Block to Win's game

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

No:52547

135

←

Prev Next

→

You Are a Penguin, Jump Over the Seals, Run from P..ALL
Developer User21958｜Date and time 24/3/22 18:48:43
Build time 30.041 sec｜Game capacity 3.332KB｜

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 name="viewport" content="width=device-width, initial-scale=1.0">
<title>Penguin Game</title>
<style>
  body {
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  #penguin {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    background-image: url('penguin.png');
    background-size: cover;
  }
  .seal {
    position: absolute;
    bottom: 0;
    width: 50px;
    height: 50px;
    background-image: url('seal.png');
    background-size: cover;
  }
  #bear {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background-image: url('polarbear.png');
    background-size: cover;
  }
  #block {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    background-color: red;
  }
</style>
</head>
<body>
<div id="penguin"></div>
<div id="bear"></div>
<div id="block"></div>
<script>
  const penguin = document.getElementById('penguin');
  const bear = document.getElementById('bear');
  const block = document.getElementById('block');

let isJumping = false;
  let isGameOver = false;

function jump() {
    if (penguin.classList != 'jump') {
      penguin.classList.add('jump');
    }
    setTimeout(() => {
      penguin.classList.remove('jump');
    }, 500);
  }

function gameOver() {
    isGameOver = true;
    alert('Game Over! Your score: ' + score);
    window.location.reload();
  }

let score = 0;

function updateScore() {
    score++;
    document.title = 'Penguin Game - Score: ' + score;
  }

setInterval(() => {
    if (!isGameOver) {
      updateScore();
      checkCollision();
    }
  }, 100);

setInterval(() => {
    const seal = document.createElement('div');
    seal.classList.add('seal');
    const randomPosition = Math.floor(Math.random() * 3);
    seal.style.left = randomPosition * 150 + 'px';
    document.body.appendChild(seal);

setTimeout(() => {
      seal.remove();
    }, 3000);
  }, 2000);

setInterval(() => {
    if (!isGameOver) {
      const randomBlockPosition = Math.floor(Math.random() * 3);
      block.style.display = 'block';
      block.style.left = randomBlockPosition * 150 + 'px';

setTimeout(() => {
        block.style.display = 'none';
      }, 4000);
    }
  }, 5000);
</script>
</body>
</html>
```