JAXAs rocket test site's game

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

No:8234

613

←

Prev Next

→

JAXAs rocket test site
Developer User4160｜Date and time 23/7/14 10:25:15
Build time 29.623 sec｜Game capacity 3.192KB｜

Script

了解です。JAXAのロケット実験場を題材にしたゲームを作成します

このゲームでは、縦に移動するロケットを操作し、画面上を左から右へ移動する障害物を避けます。ロケットはスペースキーで上昇し、離すと下降します。障害物とロケットが衝突するとゲームオーバーです。障害物を避けつつスコアを稼ぎましょう。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

了解です。JAXAのロケット実験場を題材にしたゲームを作成します

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>JAXAロケット実験場</title>
</head>
<body>
  <canvas id="gameCanvas" width="600" height="400"></canvas>

// ロケットの描画
    function drawRocket() {
      ctx.fillStyle = "#0000FF";
      ctx.fillRect(rocketX, rocketY, 50, 20);
    }

// 障害物の描画
    function drawObstacles() {
      ctx.fillStyle = "#FF0000";
      for (var i = 0; i < obstacles.length; i++) {
        var obstacle = obstacles[i];
        ctx.fillRect(obstacle.x, obstacle.y, 30, 30);
      }
    }

// ロケットの動作
    function moveRocket() {
      rocketY += rocketSpeed;
      if (rocketY < 0 || rocketY > canvas.height - 20) {
        gameOver();
      }
    }

// 障害物の移動
    function moveObstacles() {
      for (var i = 0; i < obstacles.length; i++) {
        var obstacle = obstacles[i];
        obstacle.x -= 1;
        if (obstacle.x == rocketX) {
          score += 1;
        }
        if (obstacle.x < 0) {
          obstacles.splice(i, 1);
        }
      }
    }

// ゲームオーバー
    function gameOver() {
      clearInterval(gameInterval);
      alert("ゲームオーバー\nスコア: " + score);
      location.reload(); // ページをリロードして再プレイ
    }

// ゲームのメイン処理
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawRocket();
      drawObstacles();
      moveRocket();
      moveObstacles();
    }

// ゲームの開始
    function startGame() {
      gameInterval = setInterval(gameLoop, 10);

// スペースキーでロケットの上昇
      document.addEventListener("keydown", function (event) {
        if (event.code === "Space") {
          rocketSpeed = -2;
        }
      });

// スペースキーを離すとロケットの下降
      document.addEventListener("keyup", function (event) {
        if (event.code === "Space") {
          rocketSpeed = 2;
        }
      });

// ランダムなタイミングで障害物を生成
      setInterval(function () {
        var obstacleY = Math.floor(Math.random() * (canvas.height - 30));
        obstacles.push({ x: canvas.width, y: obstacleY });
      }, 2000);
    }

// ゲームの開始
    startGame();
  </script>
</body>
</html>
```