sai-assets可复用网页资产库

Tidal Caustics · 潮汐焦散 · bg-fx

bg-fx子 demo

需要一块有机制、经得起近看的动态背景:首屏 hero、section 底、deck 封面、展厅墙。取用面 = 一份 engine.js(bloom → 径向色差 → 亮度门控颗粒 → smoothstep 暗角 → ACES → 三角抖动)+ 一个 concept(该效果的机制);参数只有 6 个通用旋钮(speed/bloom/exposure/grain/ca/vig)。性能口径:DPR 封顶(弱设备 1.25、桌面 1.75),场景按半分辨率、泛光按 1/4 分辨率,页隐藏(document.hidden)与离屏(IntersectionObserver)整帧跳过,回到前台按 delta clamp 续播。无障碍口径:prefers-reduced-motion 只渲染一帧静态画面(t=6.0),不做自动播放的循环动画。

新窗口 ↗
载入预览…

← 回 bg-fx