用Three.js+实时语音AI,2周打造可对话的盛唐长安3D世界

用2周用Three.js + 实时语音AI,把盛唐长安做成了能走进去对话的3D世界 如果你能走进一…

精选理由

这个项目把历史文化和AI能力巧妙融合,做3D互动或数字文旅的开发者可以直接参考开源代码复刻,想体验AI语音对话的普通用户也能在线玩,值得一试。

AI 摘要

开发者用两周时间,基于Three.js和Agora实时语音AI,构建了一个可在线漫游、对话的盛唐长安城3D项目。用户可以用WASD控制角色行走,靠近李白、杜甫等NPC按E键触发语音对话,NPC拥有独立性格和音色。项目还包含飞花令、猜谜等唐风小游戏,以及珍宝馆、AI展馆等互动场景。代码已全开源在GitHub,前端使用Three.js,后端为FastAPI,普通用户可直接在线体验,开发者也可复刻学习。

原文 · berryxia

用2周用Three.js + 实时语音AI,把盛唐长安做成了能走进去对话的3D世界 如果你能走进一…

用2周用Three.js + 实时语音AI,把盛唐长安做成了能走进去对话的3D世界

如果你能走进一座会说话的盛唐长安城,和李白对诗、让AI导游带路、在天枢府听智机使讲解,会是什么体验?

我们花两周高强度开发,把这个想法做成了一个可在线玩、可开源复用的浏览器3D互动项目。

在线体验:https://t.co/T63NGiFV36 GitHub开源:https://t.co/QCI5lOdjDB

项目核心亮点:

- 用WASD真正“走进”长安城,而不是只能转相机看模型 - 真实语音对话:按住麦克风就能和李白、杜甫、智机使聊天 - 融合诗词小游戏、珍宝馆、AI展馆,把历史和AI能力变成可玩体验 - 全开源,普通创作者和初学者也能复刻学习

整个项目从一个朴素想法开始:把盛唐长安做成一个可漫游、可对话、可游戏、可展示AI能力的3D世界。

开发过程分为9个阶段,我把最关键的干货和踩坑经验都写出来了:

1. 先搭出一个能看的低多边形长安沙盘(Three.js核心搭建)

2. 加入WASD游戏模式,让玩家真正“走进”长安。

3. 添加大量NPC和小游戏(飞花令、对对联、猜谜等唐风玩法)

4. 打造珍宝馆、诗画展厅,把文化内容变成可互动展厅。

5. 把AI品牌做成唐风“天枢府 / AI展馆”,让现代AI出现在盛唐场景里

6. 接入Agora实时语音Agent,实现真正的语音对话(最难也最核心的部分)。

7. 加上角色头像、视频面板、古风BGM,提升沉浸感

8. 解决3D尺度、浏览器缓存、语音账号等常见坑

9. 最终部署到GitHub Pages,让任何人一键体验

语音部分我们用了Agora ConvoAI + Persona设计,每个NPC(李白、杜甫、王维、智机使等)都有独立性格、音色和对话风格,不是千篇一律的机器人。

普通用户直接点链接就能玩:

WASD移动 → 靠近NPC按E对话 → 进入展馆互动 → 语音聊天

开发者想复刻也很友好:代码模块化清晰,前端Three.js + 后端FastAPI分开,文档和踩坑记录都很完整。

我们最终做到的不是一个普通的3D展示页,而是一个小型数字文旅 + AI能力样板:

把历史文化游戏化,把AI能力场景化,把开源项目做成能真正分享的作品。

想体验盛唐长安的AI版吗? 点链接进去试试,和李白用语音对一句诗,或者让智机使给你讲解实时语音技术。

感兴趣的朋友欢迎点赞、评论你最想玩的环节,或者直接去GitHub看代码复刻。

#Threejs