AI game creator

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

No:11875

116

←

Prev Next

→

barrage
Developer User4966｜Date and time 23/8/12 20:30:19
Build time 22.988 sec｜Game capacity 2.88KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>弾幕ゲーム</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    #game-container {
      position: relative;
      width: 100%;
      height: 100vh;
      background-color: black;
    }
    #player {
      position: absolute;
      left: 50%;
      bottom: 20px;
      transform: translateX(-50%);
      font-size: 50px;
    }
    .bullet {
      position: absolute;
      width: 20px;
      height: 20px;
      background-color: red;
      border-radius: 50%;
    }
  </style>
</head>
<body>
  <div id="game-container"></div>

const bullets = [];

function moveBullets() {
      bullets.forEach((bullet, index) => {
        const top = parseInt(bullet.style.top) || 0;
        bullet.style.top = `${top + 1}px`;
        
        const playerLeft = player.offsetLeft;
        const playerWidth = player.offsetWidth;
        const playerTop = player.offsetTop;
        const playerHeight = player.offsetHeight;

const bulletLeft = bullet.offsetLeft;
        const bulletWidth = bullet.offsetWidth;
        const bulletTop = bullet.offsetTop;
        const bulletHeight = bullet.offsetHeight;

if (bulletLeft + bulletWidth > playerLeft && bulletLeft < playerLeft + playerWidth &&
            bulletTop + bulletHeight > playerTop && bulletTop < playerTop + playerHeight) {
          gameContainer.removeChild(bullet);
          bullets.splice(index, 1);
          alert("Game Over");
        }
      });

bullets.forEach((bullet, index) => {
        if (bullet.offsetTop > window.innerHeight) {
          gameContainer.removeChild(bullet);
          bullets.splice(index, 1);
        }
      });
    }

function handleInput(e) {
      const playerLeft = player.offsetLeft;
      const playerWidth = player.offsetWidth;
      const windowWidth = window.innerWidth;

if (e.key === "ArrowLeft" && playerLeft > 0) {
        player.style.left = `${playerLeft - 10}px`;
      } else if (e.key === "ArrowRight" && playerLeft + playerWidth < windowWidth) {
        player.style.left = `${playerLeft + 10}px`;
      }
    }

document.addEventListener("keydown", handleInput);

setInterval(createBullet, 200);
    setInterval(moveBullets, 10);
  </script>
</body>
</html>