AI game creator

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

No:7122

1186

←

Prev Next

→

fall out
Developer User3970｜Date and time 23/7/5 16:30:59
Build time 12.186 sec｜Game capacity 1.67KB｜

Script

了解しました。以下にフォールアウト風のシンプルなゲームの実装例を示します。

😃

このゲームでは、スマホの傾きを検知してプレイヤーの位置を変更することで操作します。スマホを傾けることでプレイヤーが動き、フォールアウトの世界観を再現しています。ただし、ゲームのルールや目的などは設定していませんので、部分的なゲーム化となります。このコードを1枚のHTMLファイルにコピーして保存して実行してみてください。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

了解しました。以下にフォールアウト風のシンプルなゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>フォールアウト風ゲーム</title>
  <style>
    #game {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
    }
  </style>
</head>
<body>
  <div id="game">
    <span id="player">😃</span>
  </div>

function handleOrientation(event) {
      var x = event.beta; // スマホの傾き（-180度から180度）
      var y = event.gamma; // スマホの水平方向の傾き（-90度から90度）

// プレイヤーの位置を計算
      var player = document.getElementById('player');
      var gameHeight = document.getElementById('game').offsetHeight;
      var gameWidth = document.getElementById('game').offsetWidth;
      var playerY = ((y + 90) / 180) * gameHeight;
      var playerX = ((x + 90) / 180) * gameWidth;

// プレイヤーの位置を更新
      player.style.top = playerY + 'px';
      player.style.left = playerX + 'px';
    }
  </script>
</body>
</html>
```