Table of Contents
Chevron DownOverview
Chevron Down@hubble.gl/core

CameraKeyframes

Keyframes to control camera. Inherits from Keyframes.

Usage

const keyframes = {
  camera: new CameraKeyframes({timings, keyframes, easings});
}
// Attach each keyframe object to timeline.
animationLoop.timeline.attachAnimation(keyframes.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) - "N-1" easing functions between keyframes.

More Info

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