# 用两周开发一个可走进、可对话的盛唐长安3D世界

- 来源：Berryxia.AI (@berryxia)
- 发布时间：2026-06-01 12:09
- AIHOT 分数：74
- AIHOT 链接：https://aihot.virxact.com/items/cmpuq2jon000esl2i8gu5ckbt
- 原文链接：https://x.com/berryxia/status/2061299168979853464

## AI 摘要

开发者使用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个阶段，我把最关键的干货和踩坑经验都写出来了：

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

### 引用推文

> Berryxia.AI：http://x.com/i/article/2060375125825036288