new ColorEffect(renderer:GlRenderer, options:Object)
The color effect has a series of color effects, ie. implements a series of operations on rgba
Effects Example on codepen:
codepen
Color effect allows for a series of color effect, mostly
mimicing classic mixers like MX50 and V4
1. Normal (default),
// negatives
2. Negative 1,
3. Negative 2,
4. Negative 3,
5. Negative 4,
6. Negative 5,
// monocolors
10. Monocolor red,
11. Monocolor blue,
12. Monocolor green,
13. Monocolor yellow,
14. Monocolor turqoise,
15. Monocolor purple,
16. Sepia,
17. Sepia,
// color swapping
[20-46], swaps colors like rgb => gbg => rga => etc.
// keying, use extra(float) for finetuning
50. Luma key (black key, white key?)
51. Green key
// old school, use extra(float) for finetuning
52. Paint
53. Colorize
// image processing ( http://blog.ruofeidu.com/postprocessing-brightness-contrast-hue-saturation-vibrance/ )
60. Brightness
61. Contrast
62. Saturation
63. Hue
64. Hard black edge. black/white.
70. CCTV
Parameters:
| Name | Type | Description |
|---|---|---|
renderer:GlRenderer |
||
options:Object |
- Implements:
- Source:
Example
let myEffect = new ColorEffect( renderer, { source: myVideoSource, effect: 1 });Methods
effect(effect)
gets or sets the effect, there are 11 color EFFECTS available, numbered 1-11;
1. Normal (default),
// negatives
2. Negative 1,
3. Negative 2,
4. Negative 3,
5. Negative 4,
6. Negative 5,
// monocolors
10. Monocolor red,
11. Monocolor blue,
12. Monocolor green,
13. Monocolor yellow,
14. Monocolor turqoise,
15. Monocolor purple,
16. Sepia,
17. Sepia,
// color swapping
[20-46], swaps colors like rgb => gbg => rga => etc.
// other, use extra(float) for finetuning
50. Luma key
51. Green key
52. Paint
53. Colorize
Parameters:
| Name | Type | Description |
|---|---|---|
effect |
number | index of the effect |
- Source:
effect(effectnumber)
currentColoreffect number
Parameters:
| Name | Type | Description |
|---|---|---|
effectnumber |
Number | currentColoreffect number 1 |
- Source:
extra(floatValue)
the extra, for several effects
Parameters:
| Name | Type | Description |
|---|---|---|
floatValue |
float | between 0 and 1 |
- Source: