Llamar a colorMode cambia la manera en que p5.js interpreta los valores de color.
Por defecto, los parámetros de tipo Number (numéricos) para fill(), stroke(), background(), y color() son definidos por valores entre 0 y 255, utilizando el modo del color RGB. Esto es equivalente a definir el modo de color llamando colorMode(RGB, 255). Por ejemplo, para producir un rojo puro en el modo RGB de color escribiríamos color(255, 0, 0).
Llamar a colorMode(RGB, 100) establece que los colores utilicen valores de color RGB entre 0 y 100. En este modelo, el rojo puro se definiría como color(100, 0, 0).
Llamar a colorMode(HSB) o colorMode(HSL) cambia al modo de color HSB o HSL en lugar de RGB. El rojo puro sería color(0, 100, 100) en HSB y color(0, 100, 50) en HSL.
Nota: los objetos p5.Color recuerdan el modo de color en el que fueron creados. Esto quiere decir que al cambiar modos de color su apariencia no será afectada.
Ejemplos
Sintaxis
colorMode(mode, [max])colorMode(mode, max1, max2, max3, [maxA])Parámetros
ya sea RGB, HSB o HSL, correspondiente a Rojo/Verde/Azul o Matiz/Saturación/Brillo (o Luminosidad)
rango para todos los valores.
rango para el rojo o matiz, dependiendo del modo de color actual.
rango para el verde o saturación, dependiendo del modo de color actual.
rango para el azul o brillo/ luminosidad, dependiendo del modo de color actual.
rango de transparencia alpha.
Referencias Relacionadas
background
Establece el color a utilizar para el fondo del lienzo.
beginClip
Inicia la definición de una figura que enmascarará cualquier figura dibujada posteriormente.
clear
El método clear() hace que cada píxel sea 100% transparente.
clip
Define una figura que enmascarará cualquier figura dibujada posteriormente.