Mermaid magically becomes human's game

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

No:6899

134

←

Prev Next

→

Mermaid magically becomes human
Developer User3884｜Date and time 23/7/4 5:56:28
Build time 28.769 sec｜Game capacity 2.389KB｜

Script

以下は、スマホで遊べるシンプルなゲーム化プログラムの例です。人魚が魔法で人間になるというストーリーに基づいて、スマホを傾けることで人魚の進行方向を操作し、人間に変身するまでの旅を楽しむことができます。

このプログラムでは、`mousemove` イベントを使用してスマホの傾きを監視し、人魚の進行方向を変更します。`gamma` と `beta` の値を調整して人魚の移動速度を変えることができます。また、人間に変身する条件を `positionX >= 10 && positionY >= 10` として設定していますが、条件を変更することで、より自由なゲームプレイを実現することもできます。このプログラムは、スマホのブラウザで開くことで遊ぶことができます。スマホを傾けて人魚を操作し、人間になるまでの旅を楽しんでください。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

以下は、スマホで遊べるシンプルなゲーム化プログラムの例です。人魚が魔法で人間になるというストーリーに基づいて、スマホを傾けることで人魚の進行方向を操作し、人間に変身するまでの旅を楽しむことができます。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>人魚が魔法で人間になる</title>
</head>
<body>
  <script>
    // 人魚の初期位置を設定
    let positionX = 0;
    let positionY = 0;

// スマホの傾きを監視する関数
    window.addEventListener('deviceorientation', handleOrientation, true);

// スマホの傾きに応じて人魚の進行方向を変更する関数
    function handleOrientation(event) {
      positionX += event.gamma / 10;
      positionY += event.beta / 10;
    }

// 画面を更新する関数
    function update() {
      // 画面外に出ないように制約を設定
      positionX = Math.min(Math.max(positionX, -10), 10);
      positionY = Math.min(Math.max(positionY, -10), 10);

// 人魚の位置を更新
      document.body.style.marginLeft = positionX + 'vw';
      document.body.style.marginTop = positionY + 'vh';

// 人魚が十分な距離進んだ場合、人間に変身する
      if (positionX >= 10 && positionY >= 10) {
        document.body.textContent = '人間になりました！おめでとうございます！';
        document.body.style.fontSize = '3rem';
      } else {
        // まだ人間になっていない場合、定期的に画面を更新
        requestAnimationFrame(update);
      }
    }

// ゲームの開始
    update();
  </script>
</body>
</html>
```

このプログラムでは、`deviceorientation` イベントを使用してスマホの傾きを監視し、人魚の進行方向を変更します。`gamma` と `beta` の値を調整して人魚の移動速度を変えることができます。

また、人間に変身する条件を `positionX >= 10 && positionY >= 10` として設定していますが、条件を変更することで、より自由なゲームプレイを実現することもできます。

このプログラムは、スマホのブラウザで開くことで遊ぶことができます。スマホを傾けて人魚を操作し、人間になるまでの旅を楽しんでください。