AnimationFrame

Interface AnimationFrame

An AnimationFrame defines a single state inside of an animation sequence.

See

AnimationAPI

interface AnimationFrame {
    center?: [number, number, number];
    color?:
        | string
        | [number, number, number]
        | [number, number, number, number];
    enabled?: boolean;
    opacity?: number;
    rotation?: [number, number, number] | [number, number, number, number];
    scale?: [number, number, number];
    time?: number;
    translation?: [number, number, number];
}

Properties

center? color? enabled? opacity? rotation? scale? time? translation?

Properties

Optionalcenter

center?: [number, number, number]

The center point which is used for all rotation and scale interpolations.

Default

[0, 0, 0]

Optionalcolor

color?: string | [number, number, number] | [number, number, number, number]

The color as [r,g,b], [r,g,b,a], string (hexadecimal value or HTML Color Code). Use null to reset.

Default

null

Optionalenabled

enabled?: boolean

The enabled state as true or false.

Default

true

Optionalopacity

opacity?: number

The opacity between 0 and 1.

Default

1

Optionalrotation

rotation?: [number, number, number] | [number, number, number, number]

The rotation as Euler angles [x,y,z] or Quaternion [C,xS,yS,zS].

Default

[0, 0, 0]

Optionalscale

scale?: [number, number, number]

The scale as [x,y,z].

Default

[1, 1, 1]

Optionaltime

time?: number

The time between 0 and 1. Indicates the progress of the animation sequence for this AnimationFrame.

Default

0

Optionaltranslation

translation?: [number, number, number]

The translation as [x,y,z].

Default

[0, 0, 0]
Did you find this page useful? Please give it a rating:
★ ★ ★ ★ ★
Thank you for rating this page!
Any issues or feedback?
What kind of problem would you like to report?
Please tell us more about what's wrong: