A very goody-two-shoes! Lets take it out of three boxes! Always moving boxes's game | AI game creator

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

No:5723

182

A very goody-two-shoes! Lets take it out of three ..ALL
Developer User3589｜Date and time 23/6/30 17:38:24
Build time 50.578 sec｜Game capacity 4.494KB｜

をタップして移動させ、指定された順番で箱からオブジェクトを取り出してください。全てのオブジェクトを正しい順序で取り出すと、ゲームクリアです。ゲームの仕組みは以下の通りです。 1. 開始時に三つの箱が表示され、それぞれにオブジェクトが入っています。 2. オブジェクトを正しい順序で取り出すためには、箱をタップして移動させる必要があります。 3. 移動させる箱をタップすると、その箱が移動方向に一つ進みます。 4. 箱はループして移動するため、一番右の箱をタップすると一番左の箱に移動します。 5. 正しい順序でオブジェクトを取り出すためには、箱を適切な順番で移動させる必要があります。 6. オブジェクトを取り出す順序は、ゲームごとにランダムに生成されます。 7. 全てのオブジェクトを正しい順序で取り出すと、ゲームクリアとなります。以下にプログラムの例を示します（プログラム内のコメントも参考にしてください）：

📦

📦

📦

このプログラムではスマートフォン操作に対応しており、箱をタップすることで移動させることができます。ランダムな順序で配置されたオブジェクトを正しい順序で取り出して、ゲームクリアを目指してください。Enjoy the game!

→ 　

1　

0　

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

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

(C)2023 HisashiApp

をタップして移動させ、指定された順番で箱からオブジェクトを取り出してください。全てのオブジェクトを正しい順序で取り出すと、ゲームクリアです。

ゲームの仕組みは以下の通りです。

1. 開始時に三つの箱が表示され、それぞれにオブジェクトが入っています。
2. オブジェクトを正しい順序で取り出すためには、箱をタップして移動させる必要があります。
3. 移動させる箱をタップすると、その箱が移動方向に一つ進みます。
4. 箱はループして移動するため、一番右の箱をタップすると一番左の箱に移動します。
5. 正しい順序でオブジェクトを取り出すためには、箱を適切な順番で移動させる必要があります。
6. オブジェクトを取り出す順序は、ゲームごとにランダムに生成されます。
7. 全てのオブジェクトを正しい順序で取り出すと、ゲームクリアとなります。

以下にプログラムの例を示します（プログラム内のコメントも参考にしてください）：

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>お手玉ゲーム</title>
  <style>
    #container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }

.box {
      width: 100px;
      height: 100px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 36px;
      border: 1px solid black;
      border-radius: 5px;
      user-select: none;
    }

.active {
      background-color: yellow;
    }
  </style>
</head>
<body>
  <div id="container">
    <div class="box" id="box1">📦</div>
    <div class="box" id="box2">📦</div>
    <div class="box" id="box3">📦</div>
  </div>

<script>
    // オブジェクトの順序を設定します
    const order = ['🍎', '🍇', '🍌', '🍊'];

// 現在の箱の位置を表す変数を初期化します
    let currentBox = 1;

// 各箱要素を取得します
    const box1 = document.getElementById('box1');
    const box2 = document.getElementById('box2');
    const box3 = document.getElementById('box3');

// ランダムな順序でオブジェクトを設定します
    const objects = order.sort(() => Math.random() - 0.5);

// 各箱のクリックイベントを設定します
    box1.addEventListener('click', () => {
      moveBox();
    });

box2.addEventListener('click', () => {
      moveBox();
    });

box3.addEventListener('click', () => {
      moveBox();
    });

// 箱を移動させる関数を定義します
    function moveBox() {
      // 現在の箱を非アクティブにします
      document.getElementById(`box${currentBox}`).classList.remove('active');
      
      // 現在の位置を更新します
      currentBox += 1;

// 箱が3を超えた場合は1にループします
      if (currentBox > 3) {
        currentBox = 1;
      }

// 移動後の箱をアクティブにします
      document.getElementById(`box${currentBox}`).classList.add('active');

// 箱がオブジェクトを含んでいる場合は、オブジェクトを取り出します
      if (document.getElementById(`box${currentBox}`).innerHTML !== '📦') {
        const object = document.getElementById(`box${currentBox}`).innerHTML;
        document.getElementById(`box${currentBox}`).innerHTML = '📦';
        checkOrder(object);
      }
    }

// 取り出されたオブジェクトが正しい順序かどうかをチェックする関数を定義します
    function checkOrder(object) {
      if (object === order[0]) {
        order.shift(); // 正しい順序でない場合は配列から削除します
        
        // 全てのオブジェクトが正しい順序で取り出された場合はゲームクリアとします
        if (order.length === 0) {
          alert('ゲームクリア！');
        }
      } else {
        alert('間違ったオブジェクトです！');
      }
    }
  </script>
</body>
</html>
```

このプログラムではスマートフォン操作に対応しており、箱をタップすることで移動させることができます。ランダムな順序で配置されたオブジェクトを正しい順序で取り出して、ゲームクリアを目指してください。Enjoy the game!