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

  • Optional center?: [number, number, number]

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

    Default

    [0, 0, 0]

  • Optional color?: [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

  • Optional enabled?: boolean

    The enabled state as true or false.

    Default

    true

  • Optional opacity?: number

    The opacity between 0 and 1.

    Default

    1

  • Optional 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]

  • Optional scale?: [number, number, number]

    The scale as [x,y,z].

    Default

    [1, 1, 1]

  • Optional time?: number

    The time between 0 and 1.

    Default

    0

  • Optional translation?: [number, number, number]

    The translation as [x,y,z].

    Default

    [0, 0, 0]