Smooth cursor tracking in Rive. Here we have applied motion design techniques and traditional animation principles to make the character look alive.

You can interact with the character here: https://plainlysimple.studio/rive-girl-animation-test

This is also available on the Rive marketplace: https://rive.app/marketplace/19397-36522-girl-animation-cursor-tracking/

We start by animating linearly. We'll need to have an animation timeline for the character looking left to right, a separate timeline for the character looking up to down, another one for the blink, another for the happy animation, another for the head, body, etc.

Then we connect the animations to different joysticks.

Then, we connect the joysticks to the cursor via data binding. Since we have different joysticks for the eyes, face, etc., we can apply different easing and timing to the joysticks via the interpolator in Rive.