Bulletstorm game Bulletstorm shooting game, like Touhou Project's game

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

No:7455

3133

←

Prev Next

→

Bulletstorm game Bulletstorm shooting game, like T..ALL
Developer もちきなこ｜Date and time 23/7/7 22:32:39
Build time 18.731 sec｜Game capacity 2.648KB｜

Script

了解しました。以下に弾幕ゲームの実装例を示します。

このプログラムは、ブラウザ上で動作する弾幕ゲームを実装しています。プレイヤーは矢印キーで左右に移動し、弾幕と衝突するとゲームオーバーとなります。ゲームが始まると、弾幕とプレイヤーが画面上に表示され、フレームごとに位置が更新されます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

了解しました。以下に弾幕ゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>弾幕ゲーム</title>
  <style>
    #player {
      position: absolute;
      top: 90%;
      left: 50%;
      transform: translateX(-50%);
      font-size: 30px;
    }
    
    .bullet {
      position: absolute;
      top: -10px;
      left: 0;
      height: 10px;
      width: 10px;
      background-color: black;
    }
  </style>
</head>
<body>
  <script>
    // プレイヤーキャラクターの初期位置と移動速度
    var playerX = window.innerWidth / 2;
    var playerSpeed = 10;
    
    // 弾幕の初期位置と移動速度
    var bulletY = 0;
    var bulletSpeed = 5;
    
    // キーボード操作によるプレイヤーの移動
    document.addEventListener("keydown", function(event) {
      if (event.key === "ArrowLeft") {
        playerX -= playerSpeed;
      } else if (event.key === "ArrowRight") {
        playerX += playerSpeed;
      }
    });
    
    // フレームごとの処理
    function gameLoop() {
      // 弾幕を移動させる
      bulletY += bulletSpeed;
      
      // 弾幕とプレイヤーの衝突判定
      var player = document.getElementById("player");
      if (Math.abs(playerX - bulletY) < player.offsetHeight + bulletY.offsetWidth) {
        alert("ゲームオーバー");
        location.reload();
      }
      
      // 弾幕の表示位置を更新
      var bullet = document.getElementById("bullet");
      bullet.style.top = bulletY + "px";
      
      // プレイヤーの表示位置を更新
      player.style.left = playerX + "px";
      
      // 次のフレームを描画
      requestAnimationFrame(gameLoop);
    }
    
    // ゲーム開始
    window.onload = function() {
      // 弾幕を生成
      var bullet = document.createElement("div");
      bullet.id = "bullet";
      bullet.className = "bullet";
      document.body.appendChild(bullet);
      
      // プレイヤーを生成
      var player = document.createElement("div");
      player.id = "player";
      player.innerText = "🚀";
      document.body.appendChild(player);
      
      // ゲームループを開始
      gameLoop();
    };
  </script>
</body>
</html>
```

このプログラムは、ブラウザ上で動作する弾幕ゲームを実装しています。プレイヤーは矢印キーで左右に移動し、弾幕と衝突するとゲームオーバーとなります。ゲームが始まると、弾幕とプレイヤーが画面上に表示され、フレームごとに位置が更新されます。