Lusion Study

技术复刻学习 · Lusion

探索三维网页架构的复刻实验，在单 Canvas 下组织多场景过渡与材质折射。

分析目标

针对 Lusion 官网 2026-10-13 版本的技术结构展开逆向分析，研究单个 WebGL 上下文如何流畅管理多段场景切换。

渲染组织

使用 Vite、TypeScript 与 Three.js 搭建本地工程。读取从原站提取的网格模型 buffer 与贴图结构，使用 AI 辅助拆解后编写了由滚动触发的运镜轨迹与空间隧道折射，在单 Canvas 内完成场景衔接。

成果与归属

在本地验证了滚动编排的三维穿梭与材质联动效果。该工作为个人技术复现，原站独特的概念创意、三维模型、字体与视觉资产归 Lusion 所有。