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

No:40675

42

ＡIを作るゲーム
Developer User18220｜Date and time 24/2/3 22:25:14
Build time 13.003 sec｜Game capacity 3.13KB｜

了解です。以下にAIを作るゲームの例を示します。

AIゲーム

上記のコードは、AIにメッセージを送り合うゲームです。ユーザーがテキストボックスにメッセージを入力し、「送信」ボタンをクリックすると、ユーザーのメッセージが表示され、一定の時間後にAIからの返信が表示されます。表示されたメッセージは、ユーザーのメッセージとAIの返信を区別するために異なるスタイルで表示されます。このゲームでは、スマホ操作にも対応しており、ユーザーはスマートフォンのキーボードを使用してメッセージを入力することができます。埋め込まれたJavaScriptコードは、メッセージの送信と表示を管理します。入力されたメッセージは`sendMessage`関数で取得され、`addMessage`関数を使用して表示されます。AIの返信は一定の遅延後に表示されます。また、スタイルタグを使用して、ユーザーメッセージとAIの返信を区別するためのスタイルを指定しています。これにより、完成したAIゲームが実行されることになります。ユーザーはテキストボックスにメッセージを入力し、AIからの返信を受け取ることができます。

→ 　

0　

0　

[PR]現在のゲームギフトランキング

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

(C)2023 HisashiApp

了解です。以下にAIを作るゲームの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>AIゲーム</title>
</head>
<body>
    <h1>AIゲーム</h1>
    <div id="messages"></div>
    <input type="text" id="inputBox" placeholder="AIにメッセージを送る" autofocus>
    <button onclick="sendMessage()">送信</button>
    
    <script>
        const messages = document.getElementById('messages');
        const inputBox = document.getElementById('inputBox');
        
        function sendMessage() {
            const input = inputBox.value;
            if (input !== '') {
                addMessage(input, 'player');
                inputBox.value = '';
                setTimeout(() => {
                    addMessage('AIの返事', 'ai');
                }, 1000);
            }
        }
        
        function addMessage(message, sender) {
            const messageElement = document.createElement('div');
            let senderClass = '';
            if (sender === 'ai') {
                senderClass = 'ai-message';
            } else {
                senderClass = 'player-message';
            }
            messageElement.className = senderClass;
            messageElement.textContent = message;
            messages.appendChild(messageElement);
        }
    </script>
    
    <style>
        body {
            text-align: center;
        }
        
        .player-message {
            background-color: lightblue;
            display: inline-block;
            padding: 5px;
            margin: 5px;
            border-radius: 10px;
        }
        
        .ai-message {
            background-color: lightgreen;
            display: inline-block;
            padding: 5px;
            margin: 5px;
            border-radius: 10px;
        }
    </style>
</body>
</html>
```

上記のコードは、AIにメッセージを送り合うゲームです。ユーザーがテキストボックスにメッセージを入力し、「送信」ボタンをクリックすると、ユーザーのメッセージが表示され、一定の時間後にAIからの返信が表示されます。表示されたメッセージは、ユーザーのメッセージとAIの返信を区別するために異なるスタイルで表示されます。

このゲームでは、スマホ操作にも対応しており、ユーザーはスマートフォンのキーボードを使用してメッセージを入力することができます。

埋め込まれたJavaScriptコードは、メッセージの送信と表示を管理します。入力されたメッセージは`sendMessage`関数で取得され、`addMessage`関数を使用して表示されます。AIの返信は一定の遅延後に表示されます。

また、スタイルタグを使用して、ユーザーメッセージとAIの返信を区別するためのスタイルを指定しています。

これにより、完成したAIゲームが実行されることになります。ユーザーはテキストボックスにメッセージを入力し、AIからの返信を受け取ることができます。