シューティングゲーム's game

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

No:49729

144

←

Prev Next

→

シューティングゲーム
Developer User21141｜Date and time 24/3/6 7:47:26
Build time 10.064 sec｜Game capacity 2.14KB｜

Script

👾

🔫

👽

←

Prev　Next

→ 　

Back　

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

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

<!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>Shooting Game</title>
<style>
body {
  margin: 0;
  overflow: hidden;
}

#player {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 30px;
}

#bullet {
  position: absolute;
  font-size: 20px;
  display: none;
}

#enemy {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 30px;
}
</style>
</head>
<body>

let playerPosition = 50;
let enemyPosition = 50;
let bulletPosition = 50;
let isBulletFired = false;

function fireBullet() {
  if (!isBulletFired) {
    bullet.style.display = "block";
    bulletPosition = playerPosition;
    isBulletFired = true;
    moveBullet();
  }
}

function resetGame() {
  playerPosition = 50;
  enemyPosition = Math.floor(Math.random() * 100);
  bullet.style.display = "none";
  isBulletFired = false;
}

function moveEnemy() {
  enemyPosition += 1;
  if (enemyPosition > 100) {
    enemyPosition = 0;
  }
  enemy.style.left = enemyPosition + "%";
  requestAnimationFrame(moveEnemy);
}

moveEnemy();
</script>
</body>
</html>