AI game creator

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

No:6836

←

Prev Next

→

Electroluminescence
Developer User3932｜Date and time 23/7/3 23:22:51
Build time 40.504 sec｜Game capacity 3.603KB｜

Script

了解しました。エレクトロ・ルミネッセンスというゲームを作成します。

エレクトロ・ルミネッセンスにようこそ！

このプログラムは、スタートボタンをクリックすると、画面が白くなります。画面をタップするとランダムな色に光ります。タップするたびにスコアが加算されます。10秒経つとゲームが終了し、スコアが表示されます。ボタンをもう一度クリックすると、ゲームがリセットされて再開することができます。このゲームはモバイルデバイスでの操作を前提としており、スマホでプレイすることができます。また、絵文字は使用していませんが、ランダムな色で背景が光り、ゲームとして遊べる仕組みになっています。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

了解しました。エレクトロ・ルミネッセンスというゲームを作成します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>エレクトロ・ルミネッセンス</title>
    <style>
        body {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            margin: 0;
            font-family: Arial, sans-serif;
        }
        #message {
            font-size: 24px;
        }
        #button {
            padding: 12px 24px;
            font-size: 16px;
            border: none;
            background-color: #007bff;
            color: white;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="message">エレクトロ・ルミネッセンスにようこそ！</div>
    <button id="button">スタート</button>

// ボタンをクリックした時の処理
        document.getElementById("button").addEventListener("click", function() {
            if (!playing) {
                playing = true;
                score = 0;
                startGame();
            }
        });

// ゲームを開始する関数
        function startGame() {
            document.getElementById("button").style.display = "none";
            document.getElementById("message").innerHTML = "画面をタップして光らせてください！";

setTimeout(endGame, 10000); // 10秒後にゲーム終了
        }

// ゲームを終了する関数
        function endGame() {
            playing = false;

document.removeEventListener("click", function() {});

document.body.style.backgroundColor = "white";
            document.getElementById("button").style.display = "block";
            document.getElementById("button").innerHTML = "スコア: " + score;
            document.getElementById("message").innerHTML = "ゲーム終了！もう一度遊ぶにはボタンをクリックしてください。";
        }

// ランダムな色を返す関数
        function getRandomColor() {
            const colors = ["red", "blue", "green", "yellow", "pink", "purple", "orange"];
            const randomIndex = Math.floor(Math.random() * colors.length);
            return colors[randomIndex];
        }
    </script>
</body>
</html>
```

このプログラムは、スタートボタンをクリックすると、画面が白くなります。画面をタップするとランダムな色に光ります。タップするたびにスコアが加算されます。10秒経つとゲームが終了し、スコアが表示されます。ボタンをもう一度クリックすると、ゲームがリセットされて再開することができます。

このゲームはモバイルデバイスでの操作を前提としており、スマホでプレイすることができます。また、絵文字は使用していませんが、ランダムな色で背景が光り、ゲームとして遊べる仕組みになっています。