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

No:6955

222

←

Prev Next

→

Electric Kickboard
Developer User3898｜Date and time 23/7/4 16:27:42
Build time 21.277 sec｜Game capacity 3.288KB｜

Script

以下は、ブラウザ上で遊べるシンプルな電動キックボードゲームの例です。ゲームの目的は、右に進みながら障害物を避けることです。

電動キックボードゲーム

画面をタップするとキックボードが右に進みます。

このゲームは、ブラウザ上でプレイすることができます。画面をクリックするとキックボードが右に進み、赤い障害物を避けることが目的です。ゲームオーバーになると、アラートが表示され、スコアが表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

以下は、ブラウザ上で遊べるシンプルな電動キックボードゲームの例です。ゲームの目的は、右に進みながら障害物を避けることです。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>電動キックボードゲーム</title>
  <style>
    #kickboard {
      position: relative;
      width: 80px;
      height: 80px;
      background: yellow;
      border-radius: 50%;
    }
    .obstacle {
      position: absolute;
      width: 30px;
      height: 80px;
      background: red;
      bottom: 0;
      transition: left 1s linear;
    }
  </style>
</head>
<body>
  <h1>電動キックボードゲーム</h1>
  <p>画面をタップするとキックボードが右に進みます。</p>
  <div id="road">
    <div id="kickboard"></div>
    <div class="obstacle"></div>
  </div>

let speed = 5; // キックボードの移動速度
    let obstacleInterval = 2000; // 障害物の生成間隔（ミリ秒）
    let score = 0;
    let gameover = false;

road.addEventListener("click", function() {
      if (!gameover) {
        score++;
      }
    });

setInterval(function() {
      if (!gameover) {
        createObstacle();
      }
    }, obstacleInterval);

setInterval(function() {
      if (!gameover) {
        moveObstacle();
      }
    }, 10);

setInterval(function() {
      if (!gameover) {
        checkCollision();
      }
    }, 10);

function createObstacle() {
      let newObstacle = obstacle.cloneNode(true);
      let obstaclePosition = road.offsetWidth - newObstacle.offsetWidth;
      let randomPosition = Math.floor(Math.random() * obstaclePosition);
      newObstacle.style.left = randomPosition + "px";
      road.appendChild(newObstacle);
    }

function gameOver() {
      gameover = true;
      alert("ゲームオーバー！\nスコア: " + score);
    }
  </script>
</body>
</html>
```