@ue-too/animate / index / Keyframe

型エイリアス: Keyframe<T>

Keyframe<T> = object

定義: animatable-attribute.ts:25

Represents a keyframe in an animation timeline.

Remarks

A keyframe defines a value at a specific point in the animation's progress. Keyframes are defined with a percentage from 0.0 (start) to 1.0 (end), along with the value at that point and an optional easing function for interpolation to the next keyframe.

例

const keyframe: Keyframe<number> = {
  percentage: 0.5,
  value: 50,
  easingFn: (t) => t * t // Ease-in quadratic
};

型パラメーター

T

T

The type of value being animated (number, Point, RGB, etc.)

プロパティ

easingFn()?

optional easingFn: (percentage) => number

定義: animatable-attribute.ts:31

Optional easing function for interpolation to next keyframe

パラメータ

percentage

number

戻り値

number

---

percentage

percentage: number

定義: animatable-attribute.ts:27

Animation progress from 0.0 (start) to 1.0 (end)

---

value

value: T

定義: animatable-attribute.ts:29

Value at this keyframe