📌 项目日期：2026年9月 | 数据来源：GitHub官方仓库 | 星数：357+
RhineLabUI（RHINE LAB · ANALYSIS OS）是对《明日方舟》特别映像「莱茵生命：访问」终端界面的非官方复刻。从白底开场进入五列循环档案阵列，抽取一份档案，等待玻璃与正文解密，再进入独立查看器观察内部结构。界面采用 TypeScript + Three.js + Vite，运行时实时渲染三维模型；代码由 GPT-6 Astra 协助完成，模型通过 Blender MCP 制作。如果你对 AI 辅助 3D 视觉工作流感兴趣，可以搭配阅读 Dream Loop 3D 视觉技能教程。
| 模块 | 效果 |
|---|---|
| 档案阵列 | 五类、每类八份，共 40 份档案循环翻阅，标题编号跟随滚动 |
| 同步解密 | 对角解密线合拢，盖板由磨砂变清晰，正文遮挡条退开 |
| 360° 查看器 | 六组结构分层拆解/重组，平滑缩放平移复位 |
| 玻璃状态切换 | 清晰/磨砂随时切换，保留当前视角与拆解位置 |
| 白底开场 | 逐字输入、圆环绕行、Logo 笔画、身份验证转场逐帧校准 |
| 声音与画质 | 三轨循环配乐、交互音效独立开关，四档画质预设 |
git clone https://github.com/LBEILC/RhineLabUI.git
cd RhineLabUI
npm install
npm run dev
# 打开终端界面，按原 PV 6.76 秒白色画面开始体验开场源码与 Blender 工程可从项目提供的网盘下载，适合当作 3D 交互教材拆解学习。更多 AI 编程实战案例可看 anything2explainer 讲解视频 Skill 教程。
对《明日方舟》特别映像「莱茵生命：访问」终端界面的非官方复刻（RHINE LAB · ANALYSIS OS）：白底开场进入五列循环档案阵列，抽取档案解密后进入独立查看器观察内部结构。采用 TypeScript + Three.js + Vite 实时渲染，代码由 GPT-6 Astra 协助完成。
五类、每类八份共 40 份档案循环翻阅；对角同步解密线合拢、盖板磨砂变清晰；360° 查看器支持六组结构分层拆解/重组；玻璃清晰/磨砂状态随时切换且保留当前视角与拆解位置；另有三轨循环配乐、交互音效独立开关与四档画质预设。
能。项目支持 PWA 离线使用：iPhone 用 Safari 打开在线版，「分享 → 添加到主屏幕」安装，从主屏幕图标进入可获得独立窗口，首次联网后设置中显示「离线资源已就绪」即可离线浏览。