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

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

No:35556

←

Prev Next

→

シューティングゲーム
Developer User16582｜Date and time 24/1/14 20:08:33
Build time 13.645 sec｜Game capacity 3.462KB｜

Script

了解です。以下にシューティングゲームの実装例を示します。

このコードは、スマートフォンのブラウザでも動作するシューティングゲームです。プレイヤーは矢印キーで上下に移動し、スペースキーで弾を発射できます。弾は画面右端まで移動すると消えます。注意：上記のコードはシンプルな例ですので、ゲームの詳細な実装やグラフィックなどは含まれていません。実際のゲームの要件に合わせてカスタマイズしてください。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下にシューティングゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>シューティングゲーム</title>
  <style>
    #game-container {
      position: relative;
      width: 100%;
      height: 100vh;
      background-color: #000;
    }
    #player {
      position: absolute;
      width: 50px;
      height: 50px;
      top: calc(50% - 25px);
      background-color: #FFF;
    }
    .bullet {
      position: absolute;
      width: 10px;
      height: 10px;
      background-color: #FFF;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="player"></div>
  </div>
  <script>
    document.addEventListener("DOMContentLoaded", function(event) {
      var player = document.getElementById("player");
      var gameContainer = document.getElementById("game-container");

// プレイヤーの初期位置
      var playerX = 50;
      var playerY = gameContainer.clientHeight / 2 - player.clientHeight / 2;

// 弾の速度
      var bulletSpeed = 10;

// 弾を格納する配列
      var bullets = [];

// プレイヤーの移動
      function movePlayer(x, y) {
        playerX += x;
        playerY += y;

// プレイヤーが画面外に出ないようにする
        playerX = Math.max(playerX, 0);
        playerX = Math.min(playerX, gameContainer.clientWidth - player.clientWidth);
        playerY = Math.max(playerY, 0);
        playerY = Math.min(playerY, gameContainer.clientHeight - player.clientHeight);

// プレイヤーの位置を更新
        player.style.left = playerX + "px";
        player.style.top = playerY + "px";
      }

// 弾の発射
      function shoot() {
        var bullet = document.createElement("div");
        bullet.className = "bullet";
        bullet.style.left = playerX + "px";
        bullet.style.top = playerY + player.clientHeight / 2 - bullet.clientHeight / 2 + "px";
        gameContainer.appendChild(bullet);
        bullets.push(bullet);
      }

// 弾の移動
      function moveBullets() {
        for (var i = 0; i < bullets.length; i++) {
          var bullet = bullets[i];
          var bulletX = parseInt(bullet.style.left);
          bulletX += bulletSpeed;
          bullet.style.left = bulletX + "px";
          if (bulletX >= gameContainer.clientWidth) {
            gameContainer.removeChild(bullet);
            bullets.splice(i, 1);
            i--;
          }
        }
      }

// キー操作のハンドラ
      window.addEventListener("keydown", function(event) {
        if (event.key === "ArrowUp") {
          movePlayer(0, -10);
        }
        if (event.key === "ArrowDown") {
          movePlayer(0, 10);
        }
        if (event.key === " ") {
          shoot();
        }
      });

// ゲームループ
      setInterval(function() {
        moveBullets();
      }, 20);
    });
  </script>
</body>
</html>
```

このコードは、スマートフォンのブラウザでも動作するシューティングゲームです。プレイヤーは矢印キーで上下に移動し、スペースキーで弾を発射できます。弾は画面右端まで移動すると消えます。

注意：上記のコードはシンプルな例ですので、ゲームの詳細な実装やグラフィックなどは含まれていません。実際のゲームの要件に合わせてカスタマイズしてください。