3D 侦探线索墙 - 浏览器端的沉浸式线索白板

发布于

![Image](http://pic.zhso.org/2026/07/28/ba107a842e85.jpg)

交互灵感来自 GTA5 抢劫前置任务中的计划黑板。用 Three.js 在浏览器里实现了一个 3D 空间,可以:

- 张贴便利贴、A4 纸、照片、剪报、标签
- 图钉固定资料,红绳建立关联
- 记号笔直接批注,橡皮擦删除笔迹
- 所有数据保存在浏览器 localStorage ,不上传服务器

技术栈:React 19 + Three.js + React Three Fiber + Zustand
Demo: [https://clue-wall.devcxlcn.workers.dev/](https://clue-wall.devcxlcn.workers.dev/)
开源地址: [https://github.com/devcxl/whiteboard](https://github.com/devcxl/whiteboard)
欢迎体验反馈 👏

---

原文链接:[点击查看](https://www.v2ex.com/t/1230533)

评论

暂无评论。

0.054461s