AI game creator

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

No:31608

←

Prev Next

→

かわいい
Developer User15123｜Date and time 23/12/27 18:52:39
Build time 20.756 sec｜Game capacity 2.192KB｜

Script

了解です。以下にかわいいゲームの例を実装します。

上記のコードは、画面にランダムな絵文字が表示され、絵文字をクリックするとスコアが加算されます。しかし、30秒後にゲームオーバーとなり、絵文字がクリックできなくなります。絵文字が表示される位置・サイズはCSSで調整しています。このようなゲームを1枚のHTMLファイルとして実装し、スマホでも遊べるようにしてあります。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下にかわいいゲームの例を実装します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>かわいいゲーム</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            font-size: 4rem;
        }
    </style>
</head>
<body>
    <script>
        // ゲームの変数
        var score = 0;
        var gameover = false;

// 絵文字を表示する要素を取得
        var emojiElement = document.createElement("div");
        emojiElement.style.cursor = "pointer";
        document.body.appendChild(emojiElement);

// 絵文字をクリックした時の処理
        emojiElement.addEventListener("click", function() {
            if (!gameover) {
                score++;
                emojiElement.innerText = randomEmoji();
            }
        });

// ゲームオーバーの処理
        function gameover() {
            gameover = true;
            emojiElement.innerText = "Game Over";
        }

// ランダムな絵文字を返す関数
        function randomEmoji() {
            var emojis = ["😺", "🐶", "🐼", "🐱", "🐻", "🐰", "🐭", "🦊", "🐷", "🐸"];
            var randomIndex = Math.floor(Math.random() * emojis.length);
            return emojis[randomIndex];
        }

// 1秒ごとに絵文字を表示
        setInterval(function() {
            if (!gameover) {
                emojiElement.innerText = randomEmoji();
            }
        }, 1000);

// 30秒後にゲームオーバー
        setTimeout(gameover, 30000);
    </script>
</body>
</html>
```

上記のコードは、画面にランダムな絵文字が表示され、絵文字をクリックするとスコアが加算されます。しかし、30秒後にゲームオーバーとなり、絵文字がクリックできなくなります。絵文字が表示される位置・サイズはCSSで調整しています。

このようなゲームを1枚のHTMLファイルとして実装し、スマホでも遊べるようにしてあります。