桌面滚动帧
1600×900 · 24fps · 4.63MB
体验背后 / BEHIND THE EXPERIENCE
一次滚动体验，
如何被工程化。
这里不是技术名词陈列，而是 LUMA ARC 当前生产版本真正使用的媒体预算、渲染路径、降级规则与验收边界。
VERIFIED BUILD · 6 TESTS · 0 LINT ERRORS
01 / 可核对数据
从素材预算开始，
而不是从动画开始。
移动滚动帧
960×540 · 12fps · 1.17MB
并发解码队列
首帧优先 · 邻近帧回退
活动场景视频
其余视频暂停且不挂载
02 / 渲染管线
滚动不是播放器，
而是时间码。
01滚动位置
02目标进度
03目标帧
04邻近帧回退
05Canvas 绘制
ScrollTrigger只负责读取和固定滚动时间线，不直接承担 Canvas 绘制。
requestAnimationFrame独立追赶目标进度，快速滚动时平滑收敛而不是重复创建循环。
Frame fallback目标帧尚未解码时，从预载窗口寻找最近帧，最终回退产品海报。
Responsive media断点决定 144/72 帧源与 1080p/720p 场景视频。
03 / 质量边界
能被验证，
比看起来厉害更重要。
- 滚动进度、首尾限位与章节区间均有单元测试
- 移动端只引用当前模式的 720p 视频
- 视频离开视口后立即暂停，失败时回退至 WebP 海报
- 减少动态效果模式停止自动播放与大幅视差
- 方向键、Home、End、焦点样式与语义标题完整
- 不接入统计、广告、购买或用户数据服务
PERFORMANCE HONESTY
60 FPS 是设计目标，不是伪装成实测的数字。正式公开地址发布后才记录线上性能结果；设备、网络与测试日期会与分数一起展示。