The ColorMatrix class creates a 5x4 matrix that can be used in shaders and graphics operations. It provides methods required to modify the color values, such as adjusting the brightness, setting a sepia tone, hue rotation and more.
Use the method getData
to return a Float32Array containing the current color values.
new ColorMatrix()
The value that determines how much of the original color is used when mixing the colors. A value between 0 (all original) and 1 (all final)
Sets this ColorMatrix to be black and white.
name | type | arguments | Default | description |
---|---|---|---|---|
multiply | boolean | <optional> | false |
Multiply the resulting ColorMatrix ( |
This ColorMatrix instance.
Changes the brightness of this ColorMatrix by the given amount.
name | type | arguments | Default | description |
---|---|---|---|---|
value | number | <optional> | 0 |
The amount of brightness to apply to this ColorMatrix. Between 0 (black) and 1. |
multiply | boolean | <optional> | false |
Multiply the resulting ColorMatrix ( |
This ColorMatrix instance.
Applies a brown tone to this ColorMatrix.
name | type | arguments | Default | description |
---|---|---|---|---|
multiply | boolean | <optional> | false |
Multiply the resulting ColorMatrix ( |
This ColorMatrix instance.
Change the contrast of this ColorMatrix by the amount given.
name | type | arguments | Default | description |
---|---|---|---|---|
value | number | <optional> | 0 |
The amount of contrast to apply to this ColorMatrix. |
multiply | boolean | <optional> | false |
Multiply the resulting ColorMatrix ( |
This ColorMatrix instance.
Apply a desaturated luminance to this ColorMatrix.
name | type | arguments | Default | description |
---|---|---|---|---|
multiply | boolean | <optional> | false |
Multiply the resulting ColorMatrix ( |
This ColorMatrix instance.
Gets the ColorMatrix as a Float32Array.
Can be used directly as a 1fv shader uniform value.
The ColorMatrix as a Float32Array.
Sets this ColorMatrix to be grayscale.
name | type | arguments | Default | description |
---|---|---|---|---|
value | number | <optional> | 1 |
The grayscale scale (0 is black). |
multiply | boolean | <optional> | false |
Multiply the resulting ColorMatrix ( |
This ColorMatrix instance.
Rotates the hues of this ColorMatrix by the value given.
name | type | arguments | Default | description |
---|---|---|---|---|
rotation | number | <optional> | 0 |
The amount of hue rotation to apply to this ColorMatrix, in degrees. |
multiply | boolean | <optional> | false |
Multiply the resulting ColorMatrix ( |
This ColorMatrix instance.
Applies a kodachrome color effect to this ColorMatrix.
name | type | arguments | Default | description |
---|---|---|---|---|
multiply | boolean | <optional> | false |
Multiply the resulting ColorMatrix ( |
This ColorMatrix instance.
Applies a trippy color tone to this ColorMatrix.
name | type | arguments | Default | description |
---|---|---|---|---|
multiply | boolean | <optional> | false |
Multiply the resulting ColorMatrix ( |
This ColorMatrix instance.
Multiplies the two given matrices.
name | type | description |
---|---|---|
a | Array.<number> |
The 5x4 array to multiply with ColorMatrix._matrix. |
This ColorMatrix instance.
Converts this ColorMatrix to have negative values.
name | type | arguments | Default | description |
---|---|---|---|---|
multiply | boolean | <optional> | false |
Multiply the resulting ColorMatrix ( |
This ColorMatrix instance.
Applies a night vision tone to this ColorMatrix.
name | type | arguments | Default | description |
---|---|---|---|---|
intensity | number | <optional> | 0.1 |
The intensity of this effect. |
multiply | boolean | <optional> | false |
Multiply the resulting ColorMatrix ( |
This ColorMatrix instance.
Applies a polaroid color effect to this ColorMatrix.
name | type | arguments | Default | description |
---|---|---|---|---|
multiply | boolean | <optional> | false |
Multiply the resulting ColorMatrix ( |
This ColorMatrix instance.
Resets the ColorMatrix.
This ColorMatrix instance.
Changes the saturation of this ColorMatrix by the given amount.
name | type | arguments | Default | description |
---|---|---|---|---|
value | number | <optional> | 0 |
The amount of saturation to apply to this ColorMatrix. |
multiply | boolean | <optional> | false |
Multiply the resulting ColorMatrix ( |
This ColorMatrix instance.
Desaturates this ColorMatrix (removes color from it).
name | type | arguments | Default | description |
---|---|---|---|---|
multiply | boolean | <optional> | false |
Multiply the resulting ColorMatrix ( |
This ColorMatrix instance.
Applies a sepia tone to this ColorMatrix.
name | type | arguments | Default | description |
---|---|---|---|---|
multiply | boolean | <optional> | false |
Multiply the resulting ColorMatrix ( |
This ColorMatrix instance.
Sets this ColorMatrix from the given array of color values.
name | type | description |
---|---|---|
value | Array.<number> |
The ColorMatrix values to set. |
This ColorMatrix instance.
Shifts the values of this ColorMatrix into BGR order.
name | type | arguments | Default | description |
---|---|---|---|---|
multiply | boolean | <optional> | false |
Multiply the resulting ColorMatrix ( |
This ColorMatrix instance.
Applies a technicolor color effect to this ColorMatrix.
name | type | arguments | Default | description |
---|---|---|---|---|
multiply | boolean | <optional> | false |
Multiply the resulting ColorMatrix ( |
This ColorMatrix instance.
Applies a vintage pinhole color effect to this ColorMatrix.
name | type | arguments | Default | description |
---|---|---|---|---|
multiply | boolean | <optional> | false |
Multiply the resulting ColorMatrix ( |
This ColorMatrix instance.