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

No:7343

5315

←

Prev Next

→

multi-purpose gun
Developer anonymous｜Date and time 70/1/1 9:44:02
Build time unknown sec｜Game capacity 2.642KB｜

Script

了解しました。以下に「多薬室砲」というゲームを部分的にゲーム化したプログラムの例を記述します。

多薬室砲

目標は敵の多薬室を破壊することです。画面をタップして砲弾を発射し、的に当たると敵の多薬室にダメージを与えます。

このプログラムでは、画面をタップすると砲弾が発射され、的に当たると敵の多薬室にダメージを与えるという部分的なゲーム化が行われています。ただし、見た目や操作性などは簡素なものであり、実際のゲームとして遊ぶには改良が必要です。

←

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>
</head>
<body>
  <h1>多薬室砲</h1>

<p>目標は敵の多薬室を破壊することです。画面をタップして砲弾を発射し、的に当たると敵の多薬室にダメージを与えます。</p>

// 砲弾の位置と速度
      let bulletX = canvas.width / 2;
      let bulletY = canvas.height;
      let bulletSpeedY = -5;

// 敵の多薬室の位置とHP
      let enemyX = canvas.width / 2;
      let enemyY = canvas.height / 2;
      let enemyHealth = 100;

// ゲームのループ処理
      function gameLoop() {
        // キャンバスをクリア
        context.clearRect(0, 0, canvas.width, canvas.height);

// 砲弾を描画
        context.beginPath();
        context.arc(bulletX, bulletY, 10, 0, Math.PI * 2);
        context.fillStyle = "black";
        context.fill();

// 敵の多薬室を描画
        context.beginPath();
        context.arc(enemyX, enemyY, 50, 0, Math.PI * 2);
        context.fillStyle = "red";
        context.fill();

// 砲弾の移動
        bulletY += bulletSpeedY;

// 砲弾と敵の多薬室の当たり判定
        if (bulletY <= enemyY + 50 && bulletY >= enemyY - 50) {
          if (bulletX >= enemyX - 50 && bulletX <= enemyX + 50) {
            // ダメージ処理
            enemyHealth -= 10;
            if (enemyHealth <= 0) {
              alert("敵の多薬室を破壊しました！");
              location.reload();
            }
          }
        }

// 再描画
        requestAnimationFrame(gameLoop);
      }

// ゲームのループを開始
      gameLoop();
    }

// ページの読み込みが完了したらゲームの初期化を行う
    window.addEventListener("load", init);
  </script>
</body>
</html>
```