@ue-too/animate / index / PointAnimationHelper

類別: PointAnimationHelper

定義於: animatable-attribute.ts:103

Interface for type-specific interpolation helpers.

備註

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

範例

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

實作

• AnimatableAttributeHelper<Point>

建構函式

建構函式

new PointAnimationHelper(): PointAnimationHelper

定義於: animatable-attribute.ts:104

回傳

PointAnimationHelper

方法

lerp()

lerp(ratio, start, end): Point

定義於: animatable-attribute.ts:106

Interpolates between two keyframes at a given ratio.

參數

ratio

number

Current animation progress (0.0 to 1.0)

start

Keyframe<Point>

Starting keyframe

end

Keyframe<Point>

Ending keyframe

回傳

Point

Interpolated value at the given ratio

實作了

AnimatableAttributeHelper.lerp