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

No:7191

865

oat mill
Developer sayaensm｜Date and time 23/7/6 12:06:10
Build time 16.894 sec｜Game capacity 2.326KB｜

以下に、スマートフォンで遊ぶことができる簡単なゲームの例を示します。このゲームは、プレイヤーがオートミールを作る必要があります。

オートミルゲーム

オートミルを作ってください！

スマートフォンを傾けて、材料を一緒に混ぜましょう。

🥄

このプログラムは、スマートフォンの傾斜度合いを利用して、オートミルを作るゲームです。スプーンの絵文字をスマートフォンの傾きに合わせて回転させ、スプーンを水平に戻した時にオートミルが完成となります。ゲームが始まると、スプーンの絵文字が表示され、スマートフォンを傾けることでスプーンが回転します。スプーンを水平に戻すと、オートミルが完成となり、ゲームクリアのメッセージが表示されます。なお、このプログラムはHTMLファイルとして実装され、必ずJavaScriptを含んでいます。また、JavaScriptのコードはscriptタグで囲まれており、処理は実行開始されています。

→ 　

1　

0　

[PR]現在の新着人気ランキング

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

(C)2023 HisashiApp

以下に、スマートフォンで遊ぶことができる簡単なゲームの例を示します。このゲームは、プレイヤーがオートミールを作る必要があります。

```html
<!DOCTYPE html>
<html>
<head>
  <title>オートミルゲーム</title>
</head>
<body>
  <h1>オートミルゲーム</h1>
  <p>オートミルを作ってください！</p>
  <p>スマートフォンを傾けて、材料を一緒に混ぜましょう。</p>
  <div id="spoon">🥄</div>
  <script>
    window.addEventListener('deviceorientation', handleOrientation);

function handleOrientation(event) {
      var x = event.gamma;  // スマホの傾斜度合いを取得

if (x > 20) {
        document.getElementById("spoon").style.transform = "rotate(20deg)";
        document.getElementById("spoon").style.transition = "transform 0.5s";
      } else if (x < -20) {
        document.getElementById("spoon").style.transform = "rotate(-20deg)";
        document.getElementById("spoon").style.transition = "transform 0.5s";
      } else {
        document.getElementById("spoon").style.transform = "rotate(0deg)";
        document.getElementById("spoon").style.transition = "transform 0.5s";
      }

if (x >= -20 && x <= 20) {
        alert("おめでとうございます！オートミルが完成しました！");
        document.getElementById("spoon").style.display = "none";
        window.removeEventListener("deviceorientation", handleOrientation);
      }
    }
  </script>
</body>
</html>
```

このプログラムは、スマートフォンの傾斜度合いを利用して、オートミルを作るゲームです。スプーンの絵文字をスマートフォンの傾きに合わせて回転させ、スプーンを水平に戻した時にオートミルが完成となります。

ゲームが始まると、スプーンの絵文字が表示され、スマートフォンを傾けることでスプーンが回転します。スプーンを水平に戻すと、オートミルが完成となり、ゲームクリアのメッセージが表示されます。

なお、このプログラムはHTMLファイルとして実装され、必ずJavaScriptを含んでいます。また、JavaScriptのコードはscriptタグで囲まれており、処理は実行開始されています。