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]