Keyframe animation defines tweens and transitions given a set time-positioned values.
Keyframes interpolated between these values over the course of your animation. Hubble.gl keyframes use luma.gl's keyframe engine. See luma.gl Keyframes for more information. Keyframes objects should be constructed for each object being animated, such as each deck.gl Viewport or Layer.
| Keyframe Class | Description |
|---|---|
Keyframes | The base keyframe is typically extended. |
CameraKeyframes | For animating web mercator views. e.g. deck.gl viewState or kepler.gl mapState |
DeckLayerKeyframes | For animating deck.gl layers, such as ScatterPlotLayer radius. |
KeplerLayerKeyframes | For animating kepler.gl layers, such as point layer opacity or color. |
KeplerFilterKeyframes | For animating kepler.gl filters, such as time or range. |
KeplerTripKeyframes | For animating kepler.gl layer animations, such as trip time. |
If using the built-in animation classes, such as DeckAnimation or KeplerAnimation, you will not directly construct these keyframes but instead pass in their parameters to animation methods.