AI game creator

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

No:4974

625

←

Prev Next

→

Lunar landing
Developer User3694｜Date and time 23/6/29 3:03:14
Build time 18.521 sec｜Game capacity 1.726KB｜

Script

了解です。以下に月面着陸のゲームの実装例を示します。

このゲームでは、宇宙船が画面上部から下方向に移動します。タッチを開始すると宇宙船が反対方向に推進され、タッチを終了すると推進が停止されます。宇宙船は重力により下方向に加速されるため、適切なタイミングで推進して着陸することが目標です。

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

了解です。以下に月面着陸のゲームの実装例を示します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>月面着陸</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');

const spaceship = {
      x: 200,
      y: 50,
      speedX: 0,
      speedY: 1,
      thrust: 0.2,
      isThrusting: false
    };

function updateSpaceship() {
      if (spaceship.isThrusting) {
        spaceship.speedY -= spaceship.thrust;
      }

spaceship.y += spaceship.speedY;
    }

function drawSpaceship() {
      ctx.fillStyle = '#FFFFFF';
      ctx.fillRect(spaceship.x - 20, spaceship.y - 10, 40, 20);
    }

function clearCanvas() {
      ctx.fillStyle = '#000000';
      ctx.fillRect(0, 0, canvas.width, canvas.height);
    }

function update() {
      clearCanvas();
      updateSpaceship();
      drawSpaceship();

requestAnimationFrame(update);
    }

// タッチ操作のイベントリスナーを追加
    canvas.addEventListener('touchstart', function() {
      spaceship.isThrusting = true;
    });

canvas.addEventListener('touchend', function() {
      spaceship.isThrusting = false;
    });

update();
  </script>
</body>
</html>
```