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

No:9332

215

←

Prev Next

→

Return of the King
Developer User4246｜Date and time 23/7/23 17:46:04
Build time 15.958 sec｜Game capacity 1.938KB｜

Script

了解しました。以下が1枚のHTMLファイルとして実装されたJavaScriptを含むゲームのサンプルです。

王の帰還

スマホの画面をタップして王様を移動させ、城まで案内してください。

👑

🏰

このゲームでは、王様が画面内をタップした位置に移動します。目標は城（🏰）に至ることです。スマホの画面をタップすることで移動できます。王様が城まで移動すると、アラートが表示されます。

←

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">
    <title>王の帰還</title>
</head>
<body>
    <h1>王の帰還</h1>
    <p>スマホの画面をタップして王様を移動させ、城まで案内してください。</p>
    <div id="game-area" style="border: 1px solid black; width: 300px; height: 500px;">
        <div id="king" style="position: absolute; top: 0; left: 0; font-size: 50px;">👑</div>
        <div id="castle" style="position: absolute; bottom: 0; right: 0; font-size: 50px;">🏰</div>
    </div>

document.getElementById("game-area").addEventListener("click", function(e) {
                const x = e.clientX;
                const y = e.clientY;
                king.style.left = x + "px";
                king.style.top = y + "px";

if (isInCastle(x, y)) {
                    alert("王様が帰還しました！おめでとうございます！");
                }
            });

function isInCastle(x, y) {
                const castleRect = castle.getBoundingClientRect();
                if (x >= castleRect.left && x <= castleRect.right && y >= castleRect.top && y <= castleRect.bottom) {
                    return true;
                }
                return false;
            }
        });
    </script>
</body>
</html>
```