首页 / deck.gl / 使用示例
逐帧动画
呼吸灯效果:一圈淡色光晕周期性放大缩小。动画循环自己写,只改一个全局缩放属性。
源码与运行效果
说明
radiusScale 是图层的全局缩放系数,改它不需要重建属性缓冲,比每帧换数据便宜得多。透明度、颜色同理。
数据与图层只创建一次,requestAnimationFrame 里只调 setProps;暂停时停止累加时间,循环仍然在跑,恢复时不需要重建。
| 配置 | 作用 |
|---|---|
radiusScale | 全局半径系数,不需要重建缓冲 |
requestAnimationFrame | 驱动每帧更新 |
setProps | 只改 uniform,不动数据 |
别在动画循环里新建图层或数组。每秒六十次重建会让 GC 抖动,表现为规律的卡顿。