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

No:5872

1143

←

Prev Next

→

Games to move mechanical dolls
Developer もちきなこ｜Date and time 23/7/1 0:45:20
Build time 17.195 sec｜Game capacity 1.904KB｜

Script

以下は、機械人形を動かすシンプルなゲームの例です。プレーヤーはボタンをタップして機械人形を制御し、ゴールまで導くことが目的です。絵文字を使用しています。

機械人形を動かすゲーム

🤖

このゲームでは、機械人形は上下左右に50pxずつ移動できます。プレーヤーは方向ボタンをタップすることで機械人形を制御します。ゴールに到達するとアラートが表示されます。携帯電話の操作にも対応しています。

←

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>
  <h1>機械人形を動かすゲーム</h1>
  <div id="robot" style="font-size: 3em;">🤖</div>
  <button onclick="moveRobot('up')">↑</button>
  <button onclick="moveRobot('down')">↓</button>
  <button onclick="moveRobot('left')">←</button>
  <button onclick="moveRobot('right')">→</button>

if (direction === 'up') {
        robot.style.top = currentPosition.top - 50 + 'px';
      } else if (direction === 'down') {
        robot.style.top = currentPosition.top + 50 + 'px';
      } else if (direction === 'left') {
        robot.style.left = currentPosition.left - 50 + 'px';
      } else if (direction === 'right') {
        robot.style.left = currentPosition.left + 50 + 'px';
      }

checkGoal();
    }

function checkGoal() {
      var robot = document.getElementById('robot');
      var currentPosition = robot.getBoundingClientRect();
      var goal = document.documentElement.getBoundingClientRect();

if (currentPosition.bottom >= goal.bottom && currentPosition.right >= goal.right) {
        alert('ゴールしました！');
      }
    }
  </script>
</body>
</html>
```