Strata - v1.4.10
    Preparing search index...

    Function useCrossFade

    • Hook for cross-fading between two animations.

      Provides simple API for transitioning between animations with smooth blending over a specified duration.

      Parameters

      • fromAction: AnimationAction | null

        Starting animation action

      • toAction: AnimationAction | null

        Target animation action

      • duration: number

        Cross-fade duration in seconds

      Returns void

      function CrossFadeExample({ actions }) {
      const [current, setCurrent] = useState('idle');

      useCrossFade(
      actions.idle,
      actions.walk,
      current === 'walk' ? 0.3 : 0
      );

      return <button onClick={() => setCurrent('walk')}>Walk</button>;
      }