交互灵感来自 GTA5 抢劫前置任务中的计划黑板。用 Three.js 在浏览器里实现了一个 3D 空间,可以:
- 张贴便利贴、A4 纸、照片、剪报、标签
- 图钉固定资料,红绳建立关联
- 记号笔直接批注,橡皮擦删除笔迹
- 所有数据保存在浏览器 localStorage ,不上传服务器
技术栈:React 19 + Three.js + React Three Fiber + Zustand
Demo: https://clue-wall.devcxlcn.workers.dev/
开源地址: https://github.com/devcxl/whiteboard
欢迎体验反馈 👏