memory-tree-3d-qr 是做什么的?
可复用的 Codex 技能和 React/Three.js 模板,用于构建扫描安全的 3D 记忆树 QR 体验。
概述
该技能提供了一个预配置的 React 和 Three.js 项目,帮助开发者快速创建 3D 记忆树。用户可以通过扫描 QR 码安全地访问和浏览一个三维的虚拟记忆树,每个节点代表一段记忆或内容。
特性
- 扫描安全:确保通过 QR 码访问的网页应用符合安全标准,无恶意内容。
- 3D 记忆树:使用 Three.js 渲染的交互式 3D 树形结构。
- React 驱动:基于 React 构建,便于状态管理和组件化开发。
- 可复用:作为 Codex 技能,可直接在 Codex 环境中使用或修改。
安装
git clone https://github.com/Wanglongbong/memory-tree-3d-qr.git
cd memory-tree-3d-qr
npm install
使用
npm run dev
然后通过浏览器访问本地开发服务器,查看 3D 记忆树的演示。
配置
可修改 src/config.js 中的设置,如树的节点数、颜色、QR 码链接等。
部署
构建生产版本:
npm run build
将 dist 目录下的文件部署到静态服务器或 QR 码指向的地址。
技术栈
- React
- Three.js (通过 react-three-fiber)
- Vite
许可证
MIT