Multiple electric kickboards racing 🛴.'s game

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

No:8671

110

←

Prev Next

→

Multiple electric kickboards racing 🛴.
Developer User3840｜Date and time 23/7/17 22:05:29
Build time 20.973 sec｜Game capacity 2.016KB｜

Script

しているゲームを作成します。以下は実際のプログラムの例です。

このプログラムでは、3台の電動キックボードがレースを行います。キックボードは画面左から右へ移動し、ゴールに到達するとアラートが表示されます。キックボードの絵文字は「🛴」です。

←

Prev　Next

→ 　

Back　

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

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

しているゲームを作成します。以下は実際のプログラムの例です。

```html
<!DOCTYPE html>
<html>
<head>
  <title>電動キックボードレース🛴</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>
  <script>
    // ゲームの設定
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");
    const kickScooters = [
      { x: 50, y: 300, speed: 5 },
      { x: 50, y: 400, speed: 7 },
      { x: 50, y: 500, speed: 10 }
    ];

// ゲームループ
    function gameLoop() {
      update();
      draw();
      requestAnimationFrame(gameLoop);
    }

// ゲームの状態を更新
    function update() {
      for (let i = 0; i < kickScooters.length; i++) {
        const kickScooter = kickScooters[i];
        kickScooter.x += kickScooter.speed;

// ゴール判定
        if (kickScooter.x >= canvas.width) {
          alert(`キックボード${i + 1}がゴールしました！`);
          reset();
        }
      }
    }

// ゲーム画面を描画
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.font = "20px Arial";
      ctx.fillStyle = "#000";
      ctx.fillText("🛴", kickScooters[0].x, kickScooters[0].y);
      ctx.fillText("🛴", kickScooters[1].x, kickScooters[1].y);
      ctx.fillText("🛴", kickScooters[2].x, kickScooters[2].y);
    }

// ゲームの状態をリセット
    function reset() {
      for (let i = 0; i < kickScooters.length; i++) {
        const kickScooter = kickScooters[i];
        kickScooter.x = 50;
        kickScooter.y = 300 + (i * 100);
      }
    }

// ゲームを開始
    gameLoop();
  </script>
</body>
</html>
```