Warp Embassy! Warp your embassy and take your opponents territory!'s game

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

No:4727

3140

←

Prev Next

→

Warp Embassy! Warp your embassy and take your oppo..ALL
Developer User3589｜Date and time 23/6/28 18:52:17
Build time 32.928 sec｜Game capacity 3.069KB｜

Script

了解しました！以下は、ワープ大使館を実装したHTMLファイルの例です。

🚀

🏰

このHTMLファイルでは、スマートフォンの傾きに応じてプレイヤーを移動させ、ゲームの目的である大使館をワープさせることを目指します。プレイヤーはロケットの絵文字で表され、大使館は城の絵文字で表されます。スマホの傾きによってプレイヤーが動き、プレイヤーの位置と大使館の位置が重なったときにゲーム終了となります。なお、スマホの傾きを監視するには、実際のスマートフォンで表示して試す必要があります。予め、スマホのブラウザで上記のHTMLファイルを開くか、スマホエミュレータを使用して試すことをお勧めします。

←

Prev　Next

→ 　

Back　

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

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

了解しました！以下は、ワープ大使館を実装したHTMLファイルの例です。

```html
<!DOCTYPE html>
<html>
<head>
    <title>ワープ大使館</title>
    <meta charset="UTF-8">
    <style>
        body {
            font-family: Arial, sans-serif;
        }

#player {
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 40px;
        }

#embassy {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 100px;
        }
    </style>
</head>
<body>
    <div id="player">🚀</div>
    <div id="embassy">🏰</div>

// 大使館の初期位置
        let embassyX = 50;
        let embassyY = 10;

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

function handleOrientation(event) {
            // スマホの傾きに応じてプレイヤーを移動
            playerX += Math.round(event.gamma * 0.1);
            playerY -= Math.round(event.beta * 0.1);
            updatePositions();
            checkCollision();
        }

function updatePositions() {
            // プレイヤーや大使館の表示位置を更新
            document.getElementById('player').style.left = playerX + '%';
            document.getElementById('player').style.bottom = playerY + '%';
            document.getElementById('embassy').style.left = embassyX + '%';
            document.getElementById('embassy').style.top = embassyY + '%';
        }

function checkCollision() {
            // プレイヤーと大使館の位置が重なったらゲーム終了
            if (playerX === embassyX && playerY === embassyY) {
                document.getElementById('player').innerHTML = '🎉';
                document.getElementById('embassy').innerHTML = '取得成功！';
                window.removeEventListener('deviceorientation', handleOrientation);
                // 必要なら、ゲーム終了処理を追加することができます
            }
        }
    </script>
</body>
</html>
```

なお、スマホの傾きを監視するには、実際のスマートフォンで表示して試す必要があります。予め、スマホのブラウザで上記のHTMLファイルを開くか、スマホエミュレータを使用して試すことをお勧めします。