AI game creator

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

No:11010

100

←

Prev Next

→

16茶
Developer User1006｜Date and time 23/8/6 15:44:55
Build time 13.763 sec｜Game capacity 1.675KB｜

Script

了解しました。以下にゲームのサンプルプログラムを記述します。

このプログラムは、スマートフォンの傾きに応じて絵文字を表示するシンプルなゲームです。スマートフォンの傾きの変化を`mousemove`イベントで検知し、`x`と`y`の値に応じて処理を実行しています。`x`と`y`の値が一定範囲に入った場合、対応する方向の絵文字が表示されます。

←

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>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      font-size: 50px;
    }
  </style>
</head>
<body>
  <script>
    window.addEventListener('deviceorientation', handleOrientation);

function handleOrientation(event) {
      const x = event.beta;
      const y = event.gamma;
      // x, yの値に応じて何かしらの処理を実行する

このプログラムは、スマートフォンの傾きに応じて絵文字を表示するシンプルなゲームです。スマートフォンの傾きの変化を`deviceorientation`イベントで検知し、`x`と`y`の値に応じて処理を実行しています。`x`と`y`の値が一定範囲に入った場合、対応する方向の絵文字が表示されます。