AI game creator

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

No:11422

366

←

Prev Next

→

shooting game
Developer もちきなこ｜Date and time 23/8/9 17:41:20
Build time 29.294 sec｜Game capacity 2.448KB｜

Script

了解です。以下にシューティングゲームのサンプルコードを示します。

このコードは、400x400ピクセルのキャンバス上でプレイヤーと弾を描画し、プレイヤーの位置をタッチイベントで操作します。弾は毎フレームごとに上に移動し、画面の外に出たら再びプレイヤーの位置から発射されます。必要に応じてアセットの読み込みや敵の追加など、ゲームの要素を追加していくことができます。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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>
      body {
        margin: 0;
      }
      canvas {
        display: block;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
      // ゲームの初期化
      function initializeGame() {
        // キャンバス要素を取得
        const canvas = document.getElementById("gameCanvas");
        const context = canvas.getContext("2d");
        
        // プレイヤーの初期位置
        let playerX = canvas.width / 2;
        let playerY = canvas.height - 50;
        
        // 弾の初期位置
        let bulletX = playerX;
        let bulletY = playerY;
        
        // ゲームループ
        function gameLoop() {
          // キャンバスをクリア
          context.clearRect(0, 0, canvas.width, canvas.height);
          
          // プレイヤーを描画
          context.fillStyle = "👾";
          context.fillRect(playerX, playerY, 30, 30);
          
          // 弾を描画
          context.fillStyle = "🔫";
          context.fillRect(bulletX, bulletY, 10, 20);
          
          // 弾を移動
          bulletY -= 5;
          
          // ゲームループを再帰的に呼び出し
          requestAnimationFrame(gameLoop);
        }
        
        // タッチイベントの処理
        function handleTouch(event) {
          // タッチ位置のX座標をプレイヤー位置に設定
          playerX = event.touches[0].clientX;
        }
        
        // タッチイベントの登録
        canvas.addEventListener("touchmove", handleTouch);
        
        // ゲームループを開始
        gameLoop();
      }
      
      // ゲームの初期化を実行
      initializeGame();
    </script>
  </body>
</html>
```