我把 DEV.to 变成了一座可步行的 3D 图书馆，调试它是场噩梦
来源：dev.to — 2026-09-23
📋 概述
作者用 Next.js 加 Three.js 把 DEV.to 的实时目录做成第一人称可步行的 3D 图书馆：书架、房间、分区，书脊上是真实的封面图，用 WASD 移动而不是滚动信息流。他坦承项目起步于 vibe coding——描述想要什么，场景就出现了，包括电影级光照和空间音频；但当目录变成真的、场景要在数千篇真实文章流式进入时还活着时，「再生成一次」就不管用了，他被迫打开动画循环、追踪 refs，真正理解底下发生了什么。全文的重点正是这部分：不是他想要，而是不得不。
🔑 核心要点
- 技术栈是 Next.js 加 Three.js，没有游戏引擎，也没有可视化场景编辑器，一切都是代码。
- 在 Three.js 里位置只是某个函数里的一个数字：货架高了六格不是拖下来，而是找到那行代码改数字。
- 坐标数学不像视觉样式那样容忍 vibe coding：颜色差一点还能看，货架差一点不是穿墙就是悬空，而且只有亲自走过去才知道是哪种。
- 前身是 3D 梦境日志 Oniria，等他停下来看的时候已经领先 main 197 个提交、一万三千行。
- 他由此把问题重新定义：不是野心太大，而是产品焦点问题——不是把范围缩小，而是把问题说清楚。
💡 金句
问题不在于野心太大，而在于产品焦点：重点不是把范围砍小，而是想清楚到底要什么。
👍 0
👎 0
← 返回 dev.to 首页