Chevron DownOverview
Chevron Down@hubble.gl/core

CameraKeyframes

Keyframes to control camera. Inherits from Keyframes.

Usage

const camera = new CameraKeyframes({timings, keyframes, easings, interpolators, width, height});
// Attach each keyframe object to timeline.
timeline.attachAnimation(camera);

Constructor

Parameters:

  • timings (Array<number>) - "N" timestamps for beginning of keyframe.

  • keyframes (Array<Object>) - "N" camera objects to transition between.

    • longitude (Number)

    • latitude (Number)

    • zoom (Number)

    • pitch (Number)

    • bearing (Number)

  • easings (Array<() => void, Optional) - "N-1" easing functions between keyframes. Default: t => t (linear)

  • interpolators (Array<'flyTo' | 'linear'>, Optional) - "N-1" position curve function between keyframes. Default: 'linear'

More Info

See hubble.gl Keyframes and luma.gl Keyframes for more information.