开发者使用Three.js,耗时两周构建了可在线体验的盛唐长安3D互动项目。核心功能包括通过WASD模式在城市场景中自由漫游,并接入Agora ConvoAI实时语音Agent,使用户能与李白、杜甫等NPC进行真实语音对话。项目还融合了飞花令等诗词小游戏及AI展馆,将历史文化与AI能力场景化结合。该开源项目(GitHub Pages)代码结构清晰,旨在为创作者提供一个可复用的数字文旅样板。
用2周用Three.js + 实时语音AI,把盛唐长安做成了能走进去对话的3D世界
如果你能走进一座会说话的盛唐长安城,和李白对诗、让AI导游带路、在天枢府听智机使讲解,会是什么体验?
我们花两周高强度开发,把这个想法做成了一个可在线玩、可开源复用的浏览器3D互动项目。
在线体验:https://andyhuo520.github.io/tang-changan/ GitHub开源:https://github.com/andyhuo520/tang-changan
项目核心亮点:
- 用WASD真正"走进"长安城,而不是只能转相机看模型
- 真实语音对话:按住麦克风就能和李白、杜甫、智机使聊天
- 融合诗词小游戏、珍宝馆、AI展馆,把历史和AI能力变成可玩体验
- 全开源,普通创作者和初学者也能复刻学习
整个项目从一个朴素想法开始:把盛唐长安做成一个可漫游、可对话、可游戏、可展示AI能力的3D世界。
开发过程分为9个阶段,我把最关键的干货和踩坑经验都写出来了:
- 先搭出一个能看的低多边形长安沙盘(Three.js核心搭建)