Object Animation in DeckGL

[hoang-ta]

Hello, I am trying to animate an objects from layers ( GeoJson layer, icon layer, etc.) of DeckGL like in this gif:

Do you know where should I start with? I have read through docs but still not understand yet.

1. https://deck.gl/docs/developer-guide/animations-and-transitions

• Does the above animation relate to property animation ?

2. https://deck.gl/examples/trips-layer/

• According to my current understanding, only trips layer supports animation, doesn't it ?

3. https://deck.gl/docs/developer-guide/custom-layers/writing-shaders#animation-vertex-shader

• Does it imply here that vertex shader is used for the type of animation above ?

[Pessimistress]

See props.transitions

[hoang-ta]

I have tried your suggestion and have a problem for my demo which is:

• Moving a red rectangle (path layer) on a line with points (geojson layer). The rectangle starts moving from point (0,0) then I provide a callback to increase x by 10 at the end of the transition (onEnd) until the rectangle reachs point (30,0).
• The animation works, but there are still a problem: the retangle is rotated at the end of each transition

Sandbox code

[hoang-ta]

Do you have any suggestion @Pessimistress ? Currently, I am looking at documents related to shader and an example of subclass a layer like this one: https://observablehq.com/@pessimistress/deck-gl-tutorial-subclassing-a-layer