Referencia background()

background()

Establece el color a utilizar para el fondo del lienzo.

Por defecto, el fondo es transparente. background() se utiliza típicamente dentro de draw() para limpiar la ventana de visualización al principio de cada cuadro (fotograma). También se puede usar dentro de setup() para establecer el fondo en el primer cuadro (fotograma) de la animación.

La versión de background() con un parámetro interpreta el valor de cuatro maneras diferentes. Si el parámetro es un Number (número), se interpreta como un valor de escala de grises. Si el parámetro es un String (cadena de caracteres), se interpreta como una cadena de caracteres de color de CSS (colores predefinidos de CSS). Se admiten cadenas de colores RGB, RGBA, HSL, HSLA, hexadecimal y colores nombrados. Si el parámetro es un objeto p5.Color, se utilizará como el color de fondo. Si el parámetro es un objeto p5.Image, se utilizará como la imagen de fondo.

La versión de background() con dos parámetros interpreta el primero como un valor de escala de grises. El segundo parámetro establece el valor alfa (transparencia).

La versión de background() con tres parámetros los interpreta como colores RGB, HSB o HSL, dependiendo del modo de color actual (colorMode()). Por defecto, los colores se especifican en valores RGB. Llamar a background(255, 204, 0) establece el fondo a un color amarillo brillante.

Ejemplos

Sintaxis

background(color)
background(colorstring, [a])
background(gray, [a])
background(v1, v2, v3, [a])
background(values)
background(image, [a])

Parámetros

color
p5.Color:

cualquier valor creado con la funcióncolor()

colorstring
String:

cadena de caracteres que definen un color. Los formatos posibles incluye: número rgb() o rgba(), porcentaje rgb() o rgba(), hexadecimal definidos por 3 dígitos o 6 dígitos.

a
Number:

opacidad del fondo relativo al rango de color actual (el rango predefinido es 0 -255).

gray
Number:

especifica un valor entre blanco y negro (escala de grises)

v1
Number:

el valor del color rojo en el modo de color RGB, o el valor del matiz si el modo de color es HSB.

v2
Number:

el valor del color verde en el modo de color RGB, o el valor de la saturación si el modo de color es HSB.

v3
Number:

el valor del color azul en el modo de color RGB, o el valor del brillo si el modo de color es HSB.

values
Number[]:

Un arreglo que contenga los componentes rojo, verde, azul y alfa del color.

image
p5.Image:

p5.Image: imagen creada con loadImage() o createImage(), para ser definida como fondo. Esta imagen debe ser del mismo tamaño que la ventana del boceto.

Notice any errors or typos? Please let us know. Please feel free to edit src/color/setting.js and open a pull request!

Referencias Relacionadas