Chevron DownOverview
Chevron Down@hubble.gl/core

Keyframes

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.

Overview of Keyframes
Keyframe ClassDescription
KeyframesThe base keyframe is typically extended.
CameraKeyframesFor animating web mercator views. e.g. deck.gl viewState or kepler.gl mapState
DeckLayerKeyframesFor animating deck.gl layers, such as ScatterPlotLayer radius.
KeplerLayerKeyframesFor animating kepler.gl layers, such as point layer opacity or color.
KeplerFilterKeyframesFor animating kepler.gl filters, such as time or range.
KeplerTripKeyframesFor 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.