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

No:9702

190

←

Prev Next

→

Games developed by NASA
Developer User3788｜Date and time 23/7/26 21:20:10
Build time 20.946 sec｜Game capacity 2.517KB｜

Script

了解です。以下にNASAが開発したゲームの実装例を示します。

NASA Game

この例では、NASAが開発したゲームのアイデアである、画面内にランダムな位置に円を表示してクリックするとスコアが増えるというシンプルなゲームを実装しています。円の表示やスコアの更新はJavaScriptで行われ、スマホ操作にも対応しています。

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

了解です。以下にNASAが開発したゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>NASA Game</title>
</head>
<body>
  <h1>NASA Game</h1>
  <button id="startButton">Start</button>
  <div id="gameBoard"></div>
  <div id="score"></div>

// イベントリスナーを追加
      canvas.addEventListener('click', incrementScore);

// ゲーム開始時に実行する関数
    function startGame() {
      gameStarted = true;
      score = 0;
      updateScore();

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

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

// ランダムな位置に円を描画
        const x = Math.random() * canvas.width;
        const y = Math.random() * canvas.height;
        context.beginPath();
        context.arc(x, y, 10, 0, Math.PI * 2);
        context.fill();

// 次のフレームを待って再帰的に呼び出す
        requestAnimationFrame(() => gameLoop(context));
      }
    }

// スコアを更新
    function updateScore() {
      const scoreElement = document.getElementById('score');
      scoreElement.textContent = `Score: ${score}`;
    }

// スコアを増加
    function incrementScore() {
      if (gameStarted) {
        score++;
        updateScore();
      }
    }

// Startボタンをクリックした時の処理
    const startButton = document.getElementById('startButton');
    startButton.addEventListener('click', startGame);
  </script>
</body>
</html>
```