AI game creator

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

No:8057

1633

←

Prev Next

→

aurora
Developer User4127｜Date and time 23/7/12 12:37:02
Build time 14.811 sec｜Game capacity 2.805KB｜

Script

了解しました。以下に、スマートフォン上で遊べる簡単なゲームの実装例を示します。このゲームは、スクリーン上にランダムに表示されるオーロラの絵文字をタップすると得点が加算されるというものです。

上記のコードを任意のテキストエディタで新規ファイルに貼り付け、拡張子を`.html`として保存すると、スマートフォン上でオーロラゲームをプレイすることができます。ゲームのルールは、画面上にランダムに表示される黒い円をタップすると点数が加算されるというものです。点数はタイトルバーに表示されます。なお、タップした円は1秒後に消えます。

←

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>Aurora Game</titl>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        #container {
            position: relative;
            width: 100%;
            height: 100vh;
            background-color: black;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 5vw;
        }
    </style>
</head>
<body>
    <div id="container"></div>

container.addEventListener("click", function(event) {
            var emoji = document.createElement("span");
            emoji.innerHTML = "✨";
            emoji.style.position = "absolute";
            emoji.style.left = event.clientX + "px";
            emoji.style.top = event.clientY + "px";
            emoji.style.pointerEvents = "none";
            emoji.style.opacity = 1;
            container.appendChild(emoji);

score++;
            setTimeout(function() {
                container.removeChild(emoji);
            }, 1000);
        });

setInterval(function() {
            var emoji = document.createElement("span");
            emoji.innerHTML = "🌌";
            emoji.style.position = "absolute";
            emoji.style.left = Math.random() * 90 + "vw";
            emoji.style.top = Math.random() * 90 + "vh";
            emoji.style.pointerEvents = "none";
            emoji.style.transition = "opacity 2s linear";
            container.appendChild(emoji);

setTimeout(function() {
                emoji.style.opacity = 0;
                setTimeout(function() {
                    container.removeChild(emoji);
                }, 2000);
            }, 1000);
        }, 2000);

setInterval(function() {
            document.title = "Aurora Game - Score: " + score;
        }, 100);
    </script>
</body>
</html>
```

上記のコードを任意のテキストエディタで新規ファイルに貼り付け、拡張子を`.html`として保存すると、スマートフォン上でオーロラゲームをプレイすることができます。

ゲームのルールは、画面上にランダムに表示される黒い円をタップすると点数が加算されるというものです。点数はタイトルバーに表示されます。なお、タップした円は1秒後に消えます。