这个项目把历史文化和AI能力巧妙融合,做3D互动或数字文旅的开发者可以直接参考开源代码复刻,想体验AI语音对话的普通用户也能在线玩,值得一试。
开发者用两周时间,基于Three.js和Agora实时语音AI,构建了一个可在线漫游、对话的盛唐长安城3D项目。用户可以用WASD控制角色行走,靠近李白、杜甫等NPC按E键触发语音对话,NPC拥有独立性格和音色。项目还包含飞花令、猜谜等唐风小游戏,以及珍宝馆、AI展馆等互动场景。代码已全开源在GitHub,前端使用Three.js,后端为FastAPI,普通用户可直接在线体验,开发者也可复刻学习。
用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
- 岚叔06-01 05:33原文