Implementing keyframe system for deck.gl layers

[chrisgervang]

• Define keyframes in getKeyframes

import {Keyframes} from '@hubble.gl/core';
import {easing} from 'popmotion';

const getKeyframes = () => {
  return {
    station: new Keyframes({
      features: ['radiusScale'],
      keyframes: [{radiusScale: 0}, {radiusScale: 6}],
      timings: [0, 2000],
      easings: [easing.anticipate]
    })
  };
};

• Provide getKeyframes to adapter.render and new DeckScene({initialKeyframes})
• Provide getLayers to adapter.getProps to apply animation to layers.

const getLayers = scene => {
    const scatter = scene.keyframes.scatter.getFrame();
    return [
      new ScatterplotLayer({
        ...
        radiusScale: scatter.radiusScale
      })
    ];
  };