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

No:5790

820

←

Prev Next

→

Car Stacking! Players must move cars scattered acr..ALL
Developer User3589｜Date and time 23/6/30 20:06:41
Build time 32.558 sec｜Game capacity 2.841KB｜

Script

了解です。以下は、指定された要件に従って実現可能な車積み上げゲームの例です。

車積み上げゲーム

25台の車を所定の位置に積もう！

このゲームでは、画面上に25台の車がランダムに配置されます。プレイヤーはクリックすることで、自身の位置から右側の車と入れ替えることができます。目標の位置に車を積み上げるとゲームクリアです。お時間があれば、このサンプルを参考に改良やカスタマイズを行ってみてください。

←

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">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>車積み上げゲーム</title>
  <style>
    body {
      font-family: sans-serif;
      text-align: center;
      background-color: #f5f5f5;
      margin: 0;
      padding: 0;
    }

#game-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      height: 90vh;
    }

.car {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      background-color: #ffcc00;
      margin: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>車積み上げゲーム</h1>
  <p>25台の車を所定の位置に積もう！</p>
  <div id="game-container"></div>

// 初期車の配置
    const gameContainer = document.getElementById('game-container');
    const cars = [];

for (let i = 0; i < totalCars; i++) {
      const car = document.createElement('div');
      car.classList.add('car');
      car.textContent = i + 1;
      car.addEventListener('click', moveCar);
      cars.push(car);
      gameContainer.appendChild(car);
    }

// 車をクリックして位置を変更するイベント
    function moveCar() {
      const currentIndex = cars.findIndex(car => car == this);
      const targetIndex = currentIndex + 1;

if (targetIndex >= cars.length) {
        return; // 移動先が存在しない場合は無効
      }

// 車を入れ替える
      const temp = cars[targetIndex];
      cars[targetIndex] = cars[currentIndex];
      cars[currentIndex] = temp;

// ゲームクリアのチェック
      if (checkWin()) {
        alert('ゲームクリア！おめでとう！');
      }
    }

// ゲームクリアのチェック
    function checkWin() {
      const slicedCars = cars.slice(0, totalCars);
      return slicedCars.every((car, index) => car.textContent == index + 1) && slicedCars[targetPosition] == cars[targetPosition];
    }

// ゲーム開始時にも一度チェック
    checkWin();
  </script>
</body>
</html>
```