@ue-too/animate / index / AnimatableAttributeHelper

インターフェイス: AnimatableAttributeHelper<T>

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

例

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);
  }
};

型パラメーター

T

T

The type of value being interpolated

メソッド

lerp()

lerp(ratio, start, end): T

定義: animatable-attribute.ts:68

Interpolates between two keyframes at a given ratio.

パラメータ

ratio

number

Current animation progress (0.0 to 1.0)

start

Keyframe<T>

Starting keyframe

end

Keyframe<T>

Ending keyframe

戻り値

T

Interpolated value at the given ratio

インターフェイス: AnimatableAttributeHelper<T> ​

Remarks ​

例 ​

型パラメーター ​

T ​

メソッド ​

lerp() ​

パラメータ ​

ratio ​

start ​

end ​

戻り値 ​