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

No:7898

151

←

Prev Next

→

moving game
Developer User1006｜Date and time 23/7/10 16:14:24
Build time 18.522 sec｜Game capacity 2.67KB｜

Script

了解しました。以下に引っ越しゲームの実装例を示します。

引っ越しゲーム

↑

上記のコードは、引っ越しゲームを実装しています。ゲーム画面には縦に移動する「キャラクター」と、横に並んだ3つの「荷物」が表示されます。キャラクターをタップして上方向に移動し、荷物をタップして移動させることができます。すべての荷物が正しい位置に移動すると、ゲームクリアとなりおめでとうのメッセージが表示されます。以上が、引っ越しゲームの実装例です。実際に試してみてください。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

了解しました。以下に引っ越しゲームの実装例を示します。

```html

<h1>引っ越しゲーム</h1>
  <div id="game">
    <div class="character" onclick="moveCharacter('up')">↑</div>
    <div class="row">
      <div class="box" onclick="moveBox(0)"></div>
      <div class="box" onclick="moveBox(1)"></div>
      <div class="box" onclick="moveBox(2)"></div>
    </div>
  </div>

function moveCharacter(direction) {
      switch (direction) {
        case 'up':
          characterPosition -= 3;
          break;
      }
      updateUI();
    }

function moveBox(index) {
      boxPositions[index] = characterPosition;
      characterPosition = index;
      updateUI();
      checkWin();
    }

function updateUI() {
      const character = document.querySelector('.character');
      character.style.marginTop = `${characterPosition * 200}px`;

function checkWin() {
      if (boxPositions.every((position) => position === characterPosition)) {
        alert('引っ越し完了！おめでとうございます！')
      }
    }
  </script>

```
上記のコードは、引っ越しゲームを実装しています。ゲーム画面には縦に移動する「キャラクター」と、横に並んだ3つの「荷物」が表示されます。キャラクターをタップして上方向に移動し、荷物をタップして移動させることができます。すべての荷物が正しい位置に移動すると、ゲームクリアとなりおめでとうのメッセージが表示されます。

以上が、引っ越しゲームの実装例です。実際に試してみてください。