AI game creator

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

No:7595

2308

←

Prev Next

→

Smart Underlay Game
Developer o2pi4｜Date and time 23/7/8 23:41:11
Build time 15.91 sec｜Game capacity 3.347KB｜

Script

了解しました。では、賢くなる下敷きゲームを作成いたします。以下がプログラムの実装例です。

このゲームでは、用意された数式の問題に対して、正しい答えを入力するとスコアが加算されます。全問題を解き終わると、最終的なスコアが表示されます。スマートフォン上で操作することを前提にしており、数式の問題と解答の入力フィールドが表示され、Enterキーを押すことで解答が送信されます。お好みに応じてデザインや問題の追加を行っていただけます。

←

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>賢くなる下敷きゲーム</title>
    <style>
        body {
            background-color: #f5f5f5;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            font-size: 48px;
            user-select: none;
        }
    </style>
</head>
<body>
    <script>
        // 問題と正解の配列
        var questions = [
            { question: "1 + 1 = ?", answer: 2 },
            { question: "2 + 2 = ?", answer: 4 },
            { question: "3 + 3 = ?", answer: 6 },
            { question: "4 + 4 = ?", answer: 8 },
            { question: "5 + 5 = ?", answer: 10 }
        ];

// 現在の問題のインデックス
        var currentQuestionIndex = 0;

// 現在のスコア
        var score = 0;

// 問題の表示
        function displayQuestion() {
            var questionElement = document.createElement("div");
            questionElement.textContent = questions[currentQuestionIndex].question;
            document.body.appendChild(questionElement);
        }

// 解答の処理
        function processAnswer(answer) {
            if (answer == questions[currentQuestionIndex].answer) {
                score++;
                alert("正解！");
            } else {
                alert("不正解！");
            }

// 次の問題へ
            currentQuestionIndex++;

// 全問題を解き終わった場合
            if (currentQuestionIndex >= questions.length) {
                alert("ゲーム終了！あなたのスコアは " + score + " / " + questions.length + " です。");
                document.body.innerHTML = "";
            } else {
                // 次の問題の表示
                document.body.innerHTML = "";
                displayQuestion();
            }
        }

// ゲーム開始
        displayQuestion();

// 解答を受け取るための入力フィールド
        var inputElement = document.createElement("input");
        inputElement.type = "number";
        inputElement.style.fontSize = "48px";
        inputElement.style.marginTop = "30px";
        inputElement.style.width = "200px";
        inputElement.style.height = "60px";
        inputElement.style.textAlign = "center";
        inputElement.addEventListener("keypress", function(event) {
            if (event.key === "Enter") {
                processAnswer(Number(inputElement.value));
                inputElement.value = "";
            }
        });
        document.body.appendChild(inputElement);
    </script>
</body>
</html>
```

このゲームでは、用意された数式の問題に対して、正しい答えを入力するとスコアが加算されます。全問題を解き終わると、最終的なスコアが表示されます。

スマートフォン上で操作することを前提にしており、数式の問題と解答の入力フィールドが表示され、Enterキーを押すことで解答が送信されます。

お好みに応じてデザインや問題の追加を行っていただけます。