Class Color

constructor

• new Color(r?: number, g?: number, b?: number, a?: number): Color

  Creates a new Color instance.

  Parameters

  • Optionalr: number

    The r value. Defaults to 0.

  • Optionalg: number

    The g value. Defaults to 0.

  • Optionalb: number

    The b value. Defaults to 0.

  • Optionala: number

    The a value. Defaults to 1.

  Returns Color

  Example

  const c1 = new pc.Color(); // defaults to 0, 0, 0, 1
  const c2 = new pc.Color(0.1, 0.2, 0.3, 0.4);
  Copy

• new Color(arr: number[]): Color

  Creates a new Color instance.

  Parameters

  • arr: number[]

    The array to set the color values from.

  Returns Color

  Example

  const c = new pc.Color([0.1, 0.2, 0.3, 0.4]);
  Copy

a

b

g

r

Static ReadonlyBLACK

Static ReadonlyBLUE

Static ReadonlyCYAN

Static ReadonlyGRAY

Static ReadonlyGREEN

Static ReadonlyMAGENTA

Static ReadonlyRED

Static ReadonlyWHITE

Static ReadonlyYELLOW

clone

• clone(): Color

  Returns a clone of the specified color.

  Returns Color

  A duplicate color object.

copy

• copy(rhs: Color): Color

  Copies the contents of a source color to a destination color.

  Parameters

  • rhs: Color

    A color to copy to the specified color.

  Returns Color

  Self for chaining.

  Example

  const src = new pc.Color(1, 0, 0, 1);
  const dst = new pc.Color();
  
  dst.copy(src);
  
  console.log("The two colors are " + (dst.equals(src) ? "equal" : "different"));
  Copy

equals

• equals(rhs: Color): boolean

  Reports whether two colors are equal.

  Parameters

  • rhs: Color

    The color to compare to the specified color.

  Returns boolean

  True if the colors are equal and false otherwise.

  Example

  const a = new pc.Color(1, 0, 0, 1);
  const b = new pc.Color(1, 1, 0, 1);
  console.log("The two colors are " + (a.equals(b) ? "equal" : "different"));
  Copy

fromArray

• fromArray(arr: number[], offset?: number): Color

  Set the values of the vector from an array.

  Parameters

  • arr: number[]

    The array to set the vector values from.

  • Optionaloffset: number = 0

    The zero-based index at which to start copying elements from the array. Default is 0.

  Returns Color

  Self for chaining.

  Example

  const c = new pc.Color();
  c.fromArray([1, 0, 1, 1]);
  // c is set to [1, 0, 1, 1]
  Copy

fromString

• fromString(hex: string): Color

  Set the values of the color from a string representation '#11223344' or '#112233'.

  Parameters

  • hex: string

    A string representation in the format '#RRGGBBAA' or '#RRGGBB'. Where RR, GG, BB, AA are red, green, blue and alpha values. This is the same format used in HTML/CSS.

  Returns Color

  Self for chaining.

gamma

• gamma(src?: Color): Color

  Converts the color from linear to gamma color space.

  Parameters

  • Optionalsrc: Color = ...

    The color to convert to gamma color space. If not set, the operation is done in place.

  Returns Color

  Self for chaining.

lerp

• lerp(lhs: Color, rhs: Color, alpha: number): Color

  Returns the result of a linear interpolation between two specified colors.

  Parameters

  • lhs: Color

    The color to interpolate from.

  • rhs: Color

    The color to interpolate to.

  • alpha: number

    The value controlling the point of interpolation. Between 0 and 1, the linear interpolant will occur on a straight line between lhs and rhs. Outside of this range, the linear interpolant will occur on a ray extrapolated from this line.

  Returns Color

  Self for chaining.

  Example

  const a = new pc.Color(0, 0, 0);
  const b = new pc.Color(1, 1, 0.5);
  const r = new pc.Color();
  
  r.lerp(a, b, 0);   // r is equal to a
  r.lerp(a, b, 0.5); // r is 0.5, 0.5, 0.25
  r.lerp(a, b, 1);   // r is equal to b
  Copy

linear

• linear(src?: Color): Color

  Converts the color from gamma to linear color space.

  Parameters

  • Optionalsrc: Color = ...

    The color to convert to linear color space. If not set, the operation is done in place.

  Returns Color

  Self for chaining.

mulScalar

• mulScalar(scalar: number): Color

  Multiplies RGB elements of a Color by a number. Note that the alpha value is left unchanged.

  Parameters

  • scalar: number

    The number to multiply by.

  Returns Color

  Self for chaining.

set

• set(r: number, g: number, b: number, a?: number): Color

  Assign values to the color components, including alpha.

  Parameters

  • r: number

    The value for red (0-1).

  • g: number

    The value for blue (0-1).

  • b: number

    The value for green (0-1).

  • Optionala: number = 1

    The value for the alpha (0-1), defaults to 1.

  Returns Color

  Self for chaining.

toArray

• toArray(arr?: number[], offset?: number): number[]

  Parameters

  • Optionalarr: number[]

    The array to populate with the color's number components. If not specified, a new array is created.

  • Optionaloffset: number

    The zero-based index at which to start copying elements to the array. Default is 0.

  Returns number[]

  The color as an array.

• toArray(arr: ArrayBufferView, offset?: number): ArrayBufferView

  Parameters

  • arr: ArrayBufferView

    The array to populate with the color's number components. If not specified, a new array is created.

  • Optionaloffset: number

    The zero-based index at which to start copying elements to the array. Default is 0.

  Returns ArrayBufferView

  The color as an array.

toString

• toString(alpha: boolean, asArray?: boolean): string

  Converts the color to string form. The format is '#RRGGBBAA', where RR, GG, BB, AA are the red, green, blue and alpha values. When the alpha value is not included (the default), this is the same format as used in HTML/CSS.

  Parameters

  • alpha: boolean

    If true, the output string will include the alpha value.

  • OptionalasArray: boolean

    If true, the output will be an array of numbers. Defaults to false.

  Returns string

  The color in string form.

  Example

  const c = new pc.Color(1, 1, 1);
  // Outputs #ffffffff
  console.log(c.toString());
  Copy