奇妙生产力longxia.sale

3D 互动资料展厅

把人物、产品或展品资料变成可浏览、抽取、解密和旋转查看的三维档案,生成可分享的互动展厅。

展厅 Demo 截图
展厅 Demo 截图
体验 Demo 9 条原创示例 · 免登录 · 不消耗额度
来源与学习:我也想做一个

非官方风格改编。空间动画复用 RhineLabUI ↗,奇妙生产力将它整理为 CSV 生成可分享档案的 Skill。本 Skill 依 MIT 许可复用上游 Three.js 场景、相机和解密交互,并接入真实 CSV;模型改为原创几何,不包含上游品牌模型与音频。Demo 和下载成果使用同一渲染器。

  1. 先体验 Demo:切换分类、搜索“雨水”,抽取档案观察相机聚焦与玻璃解密,试试 360° 查看和分组拆解,并导出一条文本。
  2. 下载示例 CSV:保留列名,用自己的 8–40 条资料替换内容;要点用“|”分隔。
  3. 回到下方表单:填写标题、上传替换后的 CSV,再生成自己的档案。生成沿用页面原有额度规则。

项目 README ↗交互设计说明 ↗源码许可证 ↗

进阶:在本机运行上游源码

安装 Node.js ≥ 22.12,在终端依次运行。请同时阅读上游 README 的资源与使用说明;源码许可不等同于其中品牌素材的授权。

git clone https://github.com/LBEILC/RhineLabUI.git
cd RhineLabUI
npm ci
npm run dev
页面主题

上传档案 CSV

规定列名,8–40 条记录,不超过 160 KB

表头需包含全部 6 列:id、title、category、summary、highlights、source_url(建议直接下载模板)。每行的 id、title、category、summary 必填;highlights 用“|”分隔多个要点,highlights 和 source_url 的值可以留空,但列名不能删除。

示例

参考示例,点一下复制内容

校验失败会标出 CSV 行号和字段,不会生成伪成功文件。

成果只使用本地 HTML、CSS 和 JavaScript,断网也能浏览核心档案。

ZIP、网页和校验报告沿用账号、任务历史与私有下载链路。