Rive Animation Principles

Implement all 12 Disney animation principles using Rive's state machine and interactive animations.

1. Squash and Stretch

In Rive Editor:

• Create shape with bones
• Animate scale X/Y with inverse relationship
• Key: scaleX: 1.2 when scaleY: 0.8

// Trigger from code
rive.play('squash_stretch');

2. Anticipation