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

No:43042

55

Talk to AI Make a talkable system with chatgpt le..ALL
Developer User19052｜Date and time 24/2/14 0:55:51
Build time 14.766 sec｜Game capacity 3.424KB｜

你好！我注意到你想要一个可以通过AI ChatGPT与玩家进行对话的游戏系统。以下是一个例子，它以单个HTML文件的形式，采用JavaScript编写。请将以下代码复制到一个HTML文件中，然后在浏览器上运行它：

欢迎来到对话游戏

请确保将上述代码中的`YOUR_OPENAI_API_KEY`替换为你的OpenAI API密钥，并将`https://socket.example.com`替换为用于接收AI ChatGPT回复的实际Socket.IO服务器的URL。这个简单的对话游戏将在页面上显示一个聊天框，你可以在输入框中与AI ChatGPT交互。当你发送消息后，消息将显示在聊天记录中，并通过Socket.IO向AI ChatGPT发送输入。AI ChatGPT将对输入产生回应，并通过Socket.IO将回应发送回客户端，然后显示在聊天记录中。注意：由于上述代码使用了OpenAI API和Socket.IO，你需要安装和配置服务器来处理Socket.IO通信，并且需要拥有有效的OpenAI API密钥才能在客户端上运行此代码。这个例子仅展示了一个简单的框架，你需要进行进一步的开发和配置，以实现完整的对话系统。希望这可以帮到你，祝好运！

→ 　

0　

0　

[PR]現在の人気ゲームランキング

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

(C)2023 HisashiApp

你好！我注意到你想要一个可以通过AI ChatGPT与玩家进行对话的游戏系统。以下是一个例子，它以单个HTML文件的形式，采用JavaScript编写。请将以下代码复制到一个HTML文件中，然后在浏览器上运行它：

```html
<!DOCTYPE html>
<html>
<head>
  <title>Talkable Game</title>
</head>
<body>
  <h1>欢迎来到对话游戏</h1>

<div id="chat-container">
    <div id="chat-log"></div>
    <input type="text" id="user-input" placeholder="和AI ChatGPT说些什么...">
    <button id="submit-btn">发送</button>
  </div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.21.1/axios.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.2.0/socket.io.min.js"></script>
  <script>
    const chatContainer = document.getElementById('chat-container');
    const chatLog = document.getElementById('chat-log');
    const userInput = document.getElementById('user-input');
    const submitButton = document.getElementById('submit-btn');

let socket = null;

function addMessage(sender, message) {
      const messageContainer = document.createElement('div');
      messageContainer.classList.add('message');
      messageContainer.innerHTML = `<strong>${sender}: </strong>${message}`;
      chatLog.appendChild(messageContainer);
      chatLog.scrollTop = chatLog.scrollHeight;
    }

function handleUserInput() {
      const message = userInput.value.trim();
      if (message !== '') {
        addMessage('玩家', message);
        socket.emit('user-input', message);
        userInput.value = '';
      }
    }

function handleAIResponse(response) {
      addMessage('AI', response);
    }

submitButton.addEventListener('click', handleUserInput);
    userInput.addEventListener('keydown', (event) => {
      if (event.key === 'Enter') {
        handleUserInput();
      }
    });

axios.get('https://api.openai.com/v1/engines/davinci-codex/completions', {
      headers: {
        'Authorization': 'Bearer YOUR_OPENAI_API_KEY',
        'Content-Type': 'application/json',
      },
      params: {
        prompt: '你是一个AI ChatGPT，来和我聊天吧！',
      }
    })
    .then((response) => {
      const completions = response.data.choices[0].text.trim();
      addMessage('AI', completions);
    })
    .catch((error) => {
      console.error(error);
    });

socket = io('https://socket.example.com');
    socket.on('ai-response', handleAIResponse);
  </script>
</body>
</html>
```

请确保将上述代码中的`YOUR_OPENAI_API_KEY`替换为你的OpenAI API密钥，并将`https://socket.example.com`替换为用于接收AI ChatGPT回复的实际Socket.IO服务器的URL。

这个简单的对话游戏将在页面上显示一个聊天框，你可以在输入框中与AI ChatGPT交互。当你发送消息后，消息将显示在聊天记录中，并通过Socket.IO向AI ChatGPT发送输入。AI ChatGPT将对输入产生回应，并通过Socket.IO将回应发送回客户端，然后显示在聊天记录中。

注意：由于上述代码使用了OpenAI API和Socket.IO，你需要安装和配置服务器来处理Socket.IO通信，并且需要拥有有效的OpenAI API密钥才能在客户端上运行此代码。这个例子仅展示了一个简单的框架，你需要进行进一步的开发和配置，以实现完整的对话系统。希望这可以帮到你，祝好运！