经纬志
首页 / Cesium / 使用示例

CZML 属性随时间变化

同一个点,大小循环起伏,颜色在蓝、白、绿之间过渡, 全部由 CZML 里的采样数组描述,页面代码不参与逐帧计算。

CesiumJS 1.121 · 更新 2026-10-28
源码与运行效果
运行效果

epoch 是时间零点

epoch 给出一串采样的起始时刻,后面数组里的数字都是 相对它的秒数。标量属性的格式是「时间, 数值」交替排列, 颜色属性则是「时间, R, G, B, A」五个一组。

示例的 pixelSize 写成 [0, 10, 30, 30, 60, 10, 90, 30, 126, 10], 读作第 0 秒 10 像素、第 30 秒 30 像素,依此类推,两次采样之间线性插值。

时钟负责推进

属性只在 clock.currentTime 变化时才会更新。 示例把 multiplier 设为 4,让 126 秒的动画在三十秒左右播完, clockRange 用 LOOP_STOP 循环重播。

可调参数

位置改什么效果
multiplier4 改成 1按真实速度播放
rgba 数组改中间几组数值颜色过渡顺序变化
number 数组最大值改 60点的尺寸范围变大
availability缩短到前 60 秒之后点整体消失

采样时间必须递增。数组里时间一旦回退,CZML 解析会丢弃后面的样本, 动画看起来像卡住。写循环动画时,让最后一个关键帧的数值回到第一帧的值, 再让时钟整体循环,衔接才自然。