基于Threejs的3D 互动虚拟展厅 ChatGPT 虚拟人聊天

ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;line-height: 2em;visibility: visible;">前两天看到腾讯云媒体服务发布的一个基于web3D技术构建的在线互动虚拟展厅，展厅的各个区域入口设有AI NPC（非玩家角色），这些AI助手基于ChatGPT，能够理解用户需求并提供专业、准确的回答，帮助用户更好地了解产品和技术。

ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;line-height: 2em;visibility: visible;">体验地址：https://trtc.io/showroom

ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;line-height: 2em;visibility: visible;">这里面很多技术细节都是之前自己做元宇宙的时候很想实现的功能，通过这个演示场景，对自己的元宇宙产品也得到很多启发。腾讯云媒体还实现了一个元宇宙SASS 平台，自己创建场景，让多人互动。

ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;line-height: 2em;visibility: visible;">

ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;line-height: 2em;visibility: visible;">
1. ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;line-height: 2em;visibility: visible;">

   ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;line-height: 2em;visibility: visible;">场景编辑平台：

   ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;line-height: 2em;visibility: visible;">
   

   ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;line-height: 2em;visibility: visible;">

ingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;line-height: 2em;visibility: visible;">

2.跟AI 数字人互动聊天

3. 实时语音和视频聊天

4. 跨平台低消耗

5. 案例演示：

• 虚拟展厅https://app.timmerse.com/space/e8KG7qLH

• 虚拟办公https://app.timmerse.com/space/35xH5S5W

• 虚拟会议室https://app.timmerse.com/space/KwfSOqRG

• 虚拟校园https://app.timmerse.com/space/GIswA21y

• 虚拟展馆https://app.timmerse.com/space/BXCFekGL

• 虚拟公园https://app.timmerse.com/space/e8KG7qLH

• 技术展览https://app.timmerse.com/space/GeoXzzbx

• 开放日https://app.timmerse.com/space/Ico9pih4

• 咖啡厅https://app.timmerse.com/space/alTtnkA4

• https://app.timmerse.com/space/gRoRGXah

其中实时聊天功能之前用的开源代码，现在看来对服务器要求很高。所以腾讯直接提供了一个现成的平台。https://trtc.io/zh。

可以借鉴的地方：

1. 跟虚拟人聊天：

   另开一个场景，通过点击关闭，回到场景

2. 3D人的编辑用的是SVG的方式：

3. 实时通信用腾讯现成的

下面是我用之前准备的一些框架简单做的一点点尝试：

目前基于Threejs的元宇宙场景积累了5种交互方式，可根据不同的需求进行选择。由于时间关系，元宇宙方面的相关研究就暂时告一段落，数字人产品推迟到下周发布。会建一个群进行商务沟通。