Return Kaguyahime to the moon game's game

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

No:4953

3413

←

Prev Next

→

Return Kaguyahime to the moon game
Developer もちきなこ｜Date and time 23/6/29 1:35:53
Build time 21.211 sec｜Game capacity 1.97KB｜

Script

このゲームでは、プレーヤーがかぐや姫を月に返すために、スマホを傾けたりタップしたりすることで操作します。以下に1枚のHTMLファイルとして実装されたJavaScriptを含むゲームのサンプルを示します。

このゲームでは、かぐや姫を表す絵文字（🌕）を画面上に表示し、スマホのジャイロセンサーの値に基づいてかぐや姫を操作します。スマホを傾けることで、かぐや姫を左右に移動させます。傾きが60度以上になると、かぐや姫が月に到達し、ゲームクリアとなります。

←

Prev　Next

→ 　

Back　

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

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

このゲームでは、プレーヤーがかぐや姫を月に返すために、スマホを傾けたりタップしたりすることで操作します。以下に1枚のHTMLファイルとして実装されたJavaScriptを含むゲームのサンプルを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <style>
        #kaguya {
            font-size: 30px;
            position: absolute;
            top: 0;
            left: 0;
            transition: transform 0.2s;
        }
    </style>
</head>
<body>
    <script>
        // 画面上にかぐや姫を表示する
        document.body.innerHTML += '<div id="kaguya">🌕</div>';

// スマホのジャイロセンサーでかぐや姫を操作する
        if (window.DeviceOrientationEvent) {
            window.addEventListener('deviceorientation', handleOrientation);
        }

// ジャイロセンサーの値に基づいてかぐや姫を移動させる
        function handleOrientation(event) {
            var kaguya = document.getElementById('kaguya');
            var rotation = event.gamma; // スマホの傾きを取得

// 傾きに合わせてかぐや姫を移動させる
            var transformValue = 'translateX(' + rotation*5 + 'px)';
            kaguya.style.transform = transformValue;

// かぐや姫が月に到達したらゲームクリア
            if (rotation >= 60) {
                alert('かぐや姫を月に返せました！おめでとうございます！');
            }
        }
    </script>
</body>
</html>
```

このゲームでは、かぐや姫を表す絵文字（🌕）を画面上に表示し、スマホのジャイロセンサーの値に基づいてかぐや姫を操作します。スマホを傾けることで、かぐや姫を左右に移動させます。傾きが60度以上になると、かぐや姫が月に到達し、ゲームクリアとなります。