AI game creator

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

No:11230

136

←

Prev Next

→

Talking to AI
Developer User4825｜Date and time 23/8/8 21:19:11
Build time 33.979 sec｜Game capacity 3.494KB｜

Script

分かりました、それではAIと話すゲームを作成してみましょう。以下にゲームのプログラムを示します。

AIと話すゲーム

このプログラムは、ユーザーがメッセージを入力すると、AIがランダムに選択した応答を返すシンプルなチャットゲームです。HTMLの`input`要素からユーザーの入力を取得し、`chatArea`要素に表示しています。AIの応答は、あらかじめ用意したメッセージの中からランダムに選択されます。このプログラムを実際に実行すると、ブラウザ上でAIとの会話ができるようになります。スマホでも操作が可能です。入力欄にメッセージを入力し、Enterキーを押すとメッセージが表示され、AIからの応答も表示されます。以上が、AIと話すゲームのプログラムです。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

分かりました、それではAIと話すゲームを作成してみましょう。以下にゲームのプログラムを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>AIと話すゲーム</title>
    <style>
        body {
            font-family: sans-serif;
            text-align: center;
            padding-top: 100px;
        }

#userInput {
            width: 90%;
            max-width: 500px;
            margin: 0 auto;
            padding: 10px;
            font-size: 18px;
        }

#chatArea {
            width: 90%;
            max-width: 500px;
            margin: 20px auto;
            padding: 10px;
            font-size: 18px;
            border: 1px solid black;
            border-radius: 5px;
            height: 200px;
            overflow-y: scroll;
        }
    </style>
</head>
<body>
    <div>AIと話すゲーム</div>
    <div id="chatArea"></div>
    <input type="text" id="userInput" placeholder="メッセージを入力してください">
    
    <script>
        // AIの応答メッセージを保持する配列
        var aiResponses = [
            "こんにちは！",
            "お元気ですか？",
            "今日はいい天気ですね！",
            "どんなことについてお話しましょうか？",
            "これからどんなことをする予定ですか？"
        ];

// ユーザーがメッセージを送信した際の処理
        function sendMessage() {
            // ユーザーが入力したメッセージを取得
            var userInput = document.getElementById("userInput").value;

// ユーザーが入力したメッセージをチャットエリアに表示
            var chatArea = document.getElementById("chatArea");
            chatArea.innerHTML += "<p>ユーザー: " + userInput + "</p>";
            chatArea.scrollTop = chatArea.scrollHeight;

// AIの応答をランダムに選択
            var randomIndex = Math.floor(Math.random() * aiResponses.length);
            var aiResponse = aiResponses[randomIndex];

// AIの応答をチャットエリアに表示
            chatArea.innerHTML += "<p>AI: " + aiResponse + "</p>";
            chatArea.scrollTop = chatArea.scrollHeight;

// 入力欄をクリア
            document.getElementById("userInput").value = "";
        }

// ユーザーがEnterキーを押した際の処理
        document.getElementById("userInput").addEventListener("keyup", function(event) {
            if (event.keyCode === 13) {
                event.preventDefault();
                sendMessage();
            }
        });
    </script>
</body>
</html>
```

このプログラムは、ユーザーがメッセージを入力すると、AIがランダムに選択した応答を返すシンプルなチャットゲームです。HTMLの`input`要素からユーザーの入力を取得し、`chatArea`要素に表示しています。AIの応答は、あらかじめ用意したメッセージの中からランダムに選択されます。

このプログラムを実際に実行すると、ブラウザ上でAIとの会話ができるようになります。スマホでも操作が可能です。入力欄にメッセージを入力し、Enterキーを押すとメッセージが表示され、AIからの応答も表示されます。

以上が、AIと話すゲームのプログラムです。