AI game creator

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

No:8057

3688

←

Prev Next

→

aurora
Developer anonymous｜Date and time 70/1/1 9:46:45
Build time unknown 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秒後に消えます。