Skip to main content

Class: AnimationComponent

Defined in: animations/components/animation-component.ts:77

Represents an animation component that manages a collection of animations.

Implements​

Constructors​

Constructor​

new AnimationComponent(animations): AnimationComponent

Defined in: animations/components/animation-component.ts:103

Creates an instance of AnimationComponent.

Parameters​

animations​

An AnimatedProperty or array of AnimatedProperties to initialize the component with.

AnimatedProperty | AnimatedProperty[]

Returns​

AnimationComponent

Example​

const animation = new AnimationComponent({
    duration: 1000,
    updateCallback: (value) => console.log(value),
    easing: (t) => t * t,
    loop: 'loop',
    loopCount: 3,
  });

Properties​

name​

name: symbol

Defined in: animations/components/animation-component.ts:78

The unique name of the component.

Implementation of​

Component.name

symbol​

readonly static symbol: typeof symbol

Defined in: animations/components/animation-component.ts:81

Accessors​

animations​

Get Signature​

get animations(): Required<AnimatedProperty>[]

Defined in: animations/components/animation-component.ts:87

Gets the list of animations managed by this component.

Returns​

Required<AnimatedProperty>[]

An array of AnimatedProperty objects.

Methods​

addAnimation()​

addAnimation(animation): void

Defined in: animations/components/animation-component.ts:116

Adds a new animation to the component.

Parameters​

animation​

AnimatedProperty

The AnimatedProperty object to add.

Returns​

void