Bullet Barrage Shooting, Black's game

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

No:1530

1566

←

Prev Next

→

Bullet Barrage Shooting, Black
Developer AI絵師｜Date and time 23/6/18 18:11:48
Build time 29.474 sec｜Game capacity 1.768KB｜

Script

いくつかの仕様に沿って、弾幕シューティングゲーム「黒 (Kuro)」を実装しました。ゲームの概要：プレイヤーは黒い円で表され、タップ/クリックすることで自由に移動できます。敵の弾幕を避けつつ、敵を全滅させることが目的です。実装： 1つのHTMLファイルに、CSSとJavaScriptを含んでいます。スマホでも操作しやすいように、画面サイズに応じて自動調整されるようになっています。また、絵文字を多めに使用しています。ゲームのプログラム例（一部省略）：

←

Prev　Next

→ 　

Back　

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

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

いくつかの仕様に沿って、弾幕シューティングゲーム「黒 (Kuro)」を実装しました。

ゲームの概要：
プレイヤーは黒い円で表され、タップ/クリックすることで自由に移動できます。敵の弾幕を避けつつ、敵を全滅させることが目的です。

実装：
1つのHTMLファイルに、CSSとJavaScriptを含んでいます。スマホでも操作しやすいように、画面サイズに応じて自動調整されるようになっています。また、絵文字を多めに使用しています。

ゲームのプログラム例（一部省略）：

```
<body>
  <div id="game">
    <div id="player" style="left: 50px; top: 50px;"></div>
    
  </div>
  
  <script>
    // プレイヤーの移動処理
    function movePlayer(x, y) {
      var player = document.getElementById("player");
      player.style.left = x + "px";
      player.style.top = y + "px";
    }
    
    // タッチ/クリックイベントを設定
    var game = document.getElementById("game");
    game.addEventListener("touchstart", function(e) {
      var playerX = e.changedTouches[0].pageX;
      var playerY = e.changedTouches[0].pageY;
      movePlayer(playerX, playerY);
    });
    game.addEventListener("mousedown", function(e) {
      var playerX = e.pageX;
      var playerY = e.pageY;
      movePlayer(playerX, playerY);
    });
    // 他のイベントもここに追加
    
    // 敵弾幕の処理
    var bulletIntervalID = setInterval(function() {
      // 敵弾幕の生成処理
      // 敵弾幕の移動処理
      // プレイヤーと弾幕の当たり判定処理
      // 他の処理もここに追加
    }, 50);
  </script>
</body>
```