经纬志
首页 / deck.gl / 使用示例

逐帧动画

呼吸灯效果:一圈淡色光晕周期性放大缩小。动画循环自己写,只改一个全局缩放属性。

deck.gl 9.0 · 更新 2026-10-28
源码与运行效果
运行效果

说明

radiusScale 是图层的全局缩放系数,改它不需要重建属性缓冲,比每帧换数据便宜得多。透明度、颜色同理。

数据与图层只创建一次,requestAnimationFrame 里只调 setProps;暂停时停止累加时间,循环仍然在跑,恢复时不需要重建。

配置作用
radiusScale全局半径系数,不需要重建缓冲
requestAnimationFrame驱动每帧更新
setProps只改 uniform,不动数据

别在动画循环里新建图层或数组。每秒六十次重建会让 GC 抖动,表现为规律的卡顿。