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

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

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

在线体验：andyhuo520.github.io/tang-ch…

GitHub开源：github.com/andyhuo520/tang-c…

项目核心亮点：

- 用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