Hurry up with the appeasement of the howsk!!!! 🤬💢game's game

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

No:3753

←

Prev Next

→

Hurry up with the appeasement of the howsk!!!! 🤬💢g..ALL
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/6/26 12:56:41
Build time 26.631 sec｜Game capacity 2.932KB｜

Script

「ひよこジャンプ」というゲームを作りました。

このゲームは、スペースキーを押すとひよこがジャンプします。ひよこは、重力に従って落ちていきますが、ジャンプ中は上昇します。同時に、障害物がランダムに現れ、ひよこがぶつかるとゲームオーバーとなります。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

「ひよこジャンプ」というゲームを作りました。

<html>
  <head>
    <title>ひよこジャンプ</title>
    <style>
      #player {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: yellow;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
      }
      .obstacle {
        width: 50px;
        height: 50px;
        background-color: green;
        position: absolute;
        top: 0;
      }
    </style>
  </head>
  <body>
    <div id="player"></div>
    <script>
      const player = document.querySelector('#player');
      let playerPos = 0;
      let isJumping = false;
      let jumpCount = 0;
      let intervalId;

document.addEventListener('keydown', (event) => {
        if (event.key === ' ') {
          jump();
        }
      });

setInterval(() => {
        const obstacle = document.createElement('div');
        obstacle.classList.add('obstacle');
        obstacle.style.left = `${Math.random() * 100}%`;
        obstacle.style.animationDuration = `${Math.random() * 5 + 2}s`;
        obstacle.addEventListener('animationend', () => {
          obstacle.remove();
        });
        document.body.appendChild(obstacle);
        const obstacles = document.querySelectorAll('.obstacle');
        obstacles.forEach((obstacle) => {
          const obstaclePos = obstacle.getBoundingClientRect();
          const playerPos = player.getBoundingClientRect();
          if (
            playerPos.bottom > obstaclePos.top &&
            playerPos.top < obstaclePos.bottom &&
            playerPos.right > obstaclePos.left &&
            playerPos.left < obstaclePos.right
          ) {
            alert('GAME OVER');
            clearInterval(intervalId);
            document.querySelectorAll('.obstacle').forEach((obstacle) => {
              obstacle.remove();
            });
          }
        });
      }, 2000);

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