AI game creator

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

No:7363

3795

←

Prev Next

→

orbital elevator
Developer anonymous｜Date and time 70/1/1 9:39:04
Build time unknown sec｜Game capacity 2.344KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>軌道エレベータゲーム</title>
  </head>
  <body>
    <script>
      // 軌道エレベータのゲーム
      // タップするとエレベータが上下に動く
      // エレベータが軌道から外れたらゲームオーバー

// キャンバスサイズ
      const canvasWidth = 400;
      const canvasHeight = 600;

// エレベータの初期位置
      let elevatorX = canvasWidth / 2;
      let elevatorY = canvasHeight / 2;

// エレベータの速度
      let elevatorSpeed = 5;

// エレベータが軌道から外れたかどうか
      let isElevatorOffTrack = false;

// タップしたかどうか
      let isTapped = false;

// キャンバス要素
      const canvas = document.createElement('canvas');
      canvas.width = canvasWidth;
      canvas.height = canvasHeight;
      document.body.appendChild(canvas);

const ctx = canvas.getContext('2d');

// タップイベント処理
      const handleTap = () => {
        isTapped = true;
      };

canvas.addEventListener('click', handleTap);

// ゲームループ
      const gameLoop = () => {
        // キャンバスをクリア
        ctx.clearRect(0, 0, canvasWidth, canvasHeight);

// エレベータの位置を更新
        if (isTapped) {
          elevatorY -= elevatorSpeed;
          isTapped = false;
        } else {
          elevatorY += elevatorSpeed;
        }

// エレベータの描画
        ctx.beginPath();
        ctx.arc(elevatorX, elevatorY, 20, 0, Math.PI * 2);
        ctx.fillStyle = isElevatorOffTrack ? 'red' : 'blue';
        ctx.fill();

// エレベータが軌道から外れた場合はゲームオーバー
        if (elevatorX < 100 || elevatorX > 300 || elevatorY < 100 || elevatorY > 500) {
          isElevatorOffTrack = true;
        }

if (!isElevatorOffTrack) {
          // ゲーム継続
          requestAnimationFrame(gameLoop);
        } else {
          // ゲームオーバー
          ctx.font = "30px Arial";
          ctx.fillStyle = "red";
          ctx.textAlign = "center";
          ctx.fillText("Game Over", canvasWidth / 2, canvasHeight / 2);
        }
      };

gameLoop();
    </script>
  </body>
</html>