uē-tôo

Appearance

@ue-too/animate / IntegerAnimationHelper

Class: IntegerAnimationHelper ​

Defined in: animatable-attribute.ts:239

Interface for type-specific interpolation helpers.

Remarks ​

Animation helpers provide the lerp (linear interpolation) logic for specific types. Different types require different interpolation strategies:

  • Numbers: Simple linear interpolation
  • Points: Component-wise interpolation
  • Colors (RGB): Component-wise color interpolation
  • Strings: Step-based (threshold) interpolation

Example ​

typescript
const myHelper: AnimatableAttributeHelper<number> = {
  lerp: (ratio, start, end) => {
    const t = (ratio - start.percentage) / (end.percentage - start.percentage);
    return start.value + t * (end.value - start.value);
  }
};

Implements ​

Constructors ​

Constructor ​

new IntegerAnimationHelper(): IntegerAnimationHelper

Defined in: animatable-attribute.ts:240

Returns ​

IntegerAnimationHelper

Methods ​

lerp() ​

lerp(ratio, start, end): number

Defined in: animatable-attribute.ts:242

Interpolates between two keyframes at a given ratio.

Parameters ​

ratio ​

number

Current animation progress (0.0 to 1.0)

start ​

Keyframe<number>

Starting keyframe

end ​

Keyframe<number>

Ending keyframe

Returns ​

number

Interpolated value at the given ratio

Implementation of ​

AnimatableAttributeHelper.lerp