Lightlines
By enzed

r3f-animation

enzed1.7k installs

Build smooth motion that settles back to idle.

What it does

Guides implementation of procedural motion, animation transitions, and authored clip playback in React Three Fiber projects.

When to use it

Use for procedural motion, animation transitions, or demand-loop animation; use physics guidance for collision-driven movement.

How to use it

It changes how the agent implements animation in a project by assigning transform ownership and separating continuous motion from discrete React state.

What you provide

  • An existing project

Latest review

What you need · 3

Requires React Three Fiber for the animation hooks. Check the installed version first; the examples target Fiber 9.

Requires React for component state, refs, and effects. Check the installed version first; the examples target React 19.

Requires Three.js for the damping utility and mesh type used in the procedural animation example.


Access · 0

No additional actions listed.