发布氛围
活动与品牌站靠动效与光感显贵——不是假 3D 道具。
系统与动效 · WebGL
有深度，
不靠假模型撑场。
交互信号场由片元着色器、指针力场与滚动联动 uniform 驱动，再配合 GSAP 章节揭示——技术沉在系统里，而不是堆在模型上。
- WebGL2 / GLSL
- 指针力场
- 滚动 uniform
- GSAP 章节
移动光标 · 滚动 · 点击脉冲
01 · 场域
活的表面，不是模型堆砌。
噪声域折叠成极光带。指针位置注入径向力。滚动推进全局相位，页面与场保持同一系统。
—FPS
2着色器通道
0GLB / 模型
02 · 信号
真正卖得出的
产品叙事
滚动章节、粘性叙事、清晰字阶。转化结构仍保持商业。
交互首屏
着色器场、Canvas 系统、指针响应 UI，撑起前端广度。
03 · 技术栈
系统怎么搭
- 着色器 全屏三角 · FBM 噪声 · 域变形 · 暗角
- 输入 JS 平滑指针 → 每帧写入 uniform
- 滚动 滚动进度驱动色相相位 + 颗粒强度
- 动效 GSAP ScrollTrigger 章节淡入与行揭示