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

No:17553

←

Prev Next

→

銃で人を倒すゲーム
Developer User7716｜Date and time 23/9/23 22:08:57
Build time 56.352 sec｜Game capacity 4.489KB｜

Script

了解です。以下に銃で人を倒すゲームの実装例を示します。

銃で人を倒すゲーム

このプログラムは、HTMLの`canvas`要素を使ってゲームを描画し、JavaScriptでゲームの処理を行っています。プレイヤーはキーボードの左右キーで銃を移動させ、スペースキーで弾を発射します。人に弾が当たるとスコアが増えますが、人が画面外まで到達するとゲームオーバーになります。

←

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>
  <canvas id="gameCanvas"></canvas>
  <script>
    // ゲームの処理を開始する関数
    function startGame() {
      // ゲームの初期設定
      var canvas = document.getElementById("gameCanvas");
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;
      var ctx = canvas.getContext("2d");
      var score = 0;
      
      // 銃の設定
      var gun = {
        x: canvas.width / 2,
        y: canvas.height - 50,
        width: 50,
        height: 25,
        color: "black",
        draw: function() {
          ctx.fillStyle = this.color;
          ctx.fillRect(this.x - this.width / 2, this.y - this.height / 2, this.width, this.height);
        }
      };
      
      // 弾の設定
      var bullets = [];
      function Bullet(x, y, speed) {
        this.x = x;
        this.y = y;
        this.speed = speed;
      }
      Bullet.prototype.update = function() {
        this.y -= this.speed;
      };
      Bullet.prototype.draw = function() {
        ctx.fillStyle = "red";
        ctx.fillRect(this.x - 5, this.y - 10, 10, 20);
      };
      
      // 人の設定
      var people = [];
      function Person(x, y, speed) {
        this.x = x;
        this.y = y;
        this.speed = speed;
      }
      Person.prototype.update = function() {
        this.y += this.speed;
        if (this.y > canvas.height + 50) {
          gameOver();
        }
      };
      Person.prototype.draw = function() {
        ctx.fillStyle = "blue";
        ctx.fillRect(this.x - 15, this.y - 25, 30, 50);
      };
      
      // 初期設定
      function init() {
        score = 0;
        gun.x = canvas.width / 2;
        gun.y = canvas.height - 50;
        bullets.length = 0;
        people.length = 0;
        setInterval(spawnPeople, 1000);
      }
      
      // 人を生成する関数
      function spawnPeople() {
        var x = Math.floor(Math.random() * canvas.width);
        people.push(new Person(x, -50, Math.floor(Math.random() * 5) + 1));
      }
      
      // ゲームオーバー時の処理
      function gameOver() {
        alert("Game Over! Score: " + score);
        init();
      }
      
      // ゲームのメインループ
      function updateGame() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        // 銃の描画
        gun.draw();
        
        // 弾の描画と更新
        for (var i = 0; i < bullets.length; i++) {
          bullets[i].update();
          bullets[i].draw();
          // 弾の当たり判定
          for (var j = 0; j < people.length; j++) {
            if (
              bullets[i].x > people[j].x - 15 &&
              bullets[i].x < people[j].x + 15 &&
              bullets[i].y > people[j].y - 25 &&
              bullets[i].y < people[j].y + 25
            ) {
              people.splice(j, 1);
              bullets.splice(i, 1);
              score++;
              break;
            }
          }
        }
        
        // 人の描画と更新
        for (var i = 0; i < people.length; i++) {
          people[i].update();
          people[i].draw();
        }
        
        // スコアの表示
        ctx.fillStyle = "black";
        ctx.font = "20px Arial";
        ctx.fillText("Score: " + score, 10, 30);
      }
      
      // ゲームの開始
      init();
      setInterval(updateGame, 10);
      
      // ゲームの操作
      document.addEventListener("keydown", function(event) {
        if (event.keyCode === 37) { // 左キー
          gun.x -= 10;
        } else if (event.keyCode === 39) { // 右キー
          gun.x += 10;
        } else if (event.keyCode === 32) { // スペースキー
          bullets.push(new Bullet(gun.x, gun.y, 10));
        }
      });
    }
    
    // ゲームを開始する
    startGame();
  </script>
</body>
</html>
```