AI game creator

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
ﾊﾊｯ's game | AI game creator

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

No:4663

2671

←

Prev Next

→

ﾊﾊｯ
Developer もちきなこ｜Date and time 23/6/28 15:48:19
Build time 16.632 sec｜Game capacity 1.345KB｜

Script

了解しました。以下は、スマホで遊べる簡単なゲームの例です。

😀

このゲームでは、スマホの傾きを利用して、表示される絵文字（😀）を動かすことができます。スマホを傾けると、絵文字が移動します。ただし、実際のゲームのような状態遷移や得点などは含まれていませんが、スマホでの操作が可能です。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下は、スマホで遊べる簡単なゲームの例です。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>スマホゲーム</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      font-size: 24px;
    }
    #player {
      font-size: 48px;
    }
  </style>
</head>
<body>
  <div id="player">😀</div>
  <script>
    let player = document.getElementById('player');
    player.style.position = 'absolute';

let x = 0;
    let y = 0;

window.addEventListener('deviceorientation', handleOrientation);

function handleOrientation(event) {
      let beta = event.beta;  // 前後の傾斜
      let gamma = event.gamma;  // 左右の傾斜

let newX = gamma * 5;  // 5は移動の感度調整値
      let newY = beta * 5;

x += newX;
      y += newY;

player.style.left = x + 'px';
      player.style.top = y + 'px';
    }
  </script>
</body>
</html>
```