AnimationFrame

Type Alias AnimationFrame

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

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

Type declaration

  • Optionalcenter?: [number, number, number]

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

    Default

    [0, 0, 0]
  • Optionalcolor?: [number, number, number] | [number, number, number, number] | string | null

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

    Default

    null
  • Optionalenabled?: boolean

    The enabled state as true or false.

    Default

    true
  • Optionalopacity?: number

    The opacity between 0 and 1.

    Default

    1
  • Optionalrotation?: [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?: [number, number, number]

    The scale as [x,y,z].

    Default

    [1, 1, 1]
  • Optionaltime?: number

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

    Default

    0
  • Optionaltranslation?: [number, number, number]

    The translation as [x,y,z].

    Default

    [0, 0, 0]

See

AnimationAPI

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: