Embedded Files
Las figuras tienen distintas propiedades que afectan a su comportamiento y apariencia al ser ejecutados en el código. Estas propiedades se editan con una variedad de funciones. Existen propiedades que afectan a las líneas de una figura, a su comportamiento a la hora de su creación, a sus colores, etc.
El código de P5.JS se ejecuta de arriba a abajo en orden y esto determina a cuales figuras o líneas afectaría la propiedad. Cada una de estas funciones afectan a las figuras que se encuentren debajo en el código hasta que encuentre otra función que edite esa propiedad.
Propiedades de líneas
Propiedades de líneas
strokeWeight()
strokeWeight()
Edita el grosor de la línea de una figura.Lleva un parámetro Int.Acepta valores de entre 2 a 20.
strokeCap()
strokeCap()
Cambia la apariencia de las puntas de una línea.Lleva un parámetro String. Se ingresa "SQUARE" para una punta cuadrada y "ROUND" para una punta circular.
strokeJoin()
strokeJoin()
Cambia la apariencia de las esquinas de una figura.Lleva un parámetro String. Se ingresa "MITER" para esquinas cuadradas y "ROUND" para esquinas circulares y "BEVEL" para esquinas con apariencia de bisel.
Propiedades del comportamiento de la figura
Propiedades del comportamiento de la figura
rectMode()
rectMode()
Determina de qué forma la figura Rect utilizará los parámetros cuando se crea.Lleva un parámetro String.Tiene una variedad de configuraciones posibles:
- "CORNER": usa los primeros 2 números como coordenadas para su esquina superior izquierda y los otros 2 como ancho y alto (predeterminado).
- "CORNERS": utiliza 2 parámetros como coordenadas de una esquina y los otros 2 como coordenadas de la esquina opuesta.
- "CENTER": los primeros 2 parámetros son coordenadas para su centro y los otros 2 para el ancho y alto.
- "RADIUS": utiliza los 2 primeros como coordenadas para el punto central pero utiliza los otros 2 como ancho y alto de la mitad de la forma.
ellipseMode()
ellipseMode()
Determina de qué forma la figura ellipse utilizará los parámetros cuando se crea.Lleva un parámetro String.Tiene una variedad de configuraciones posibles:
- "CENTER": los primeros 2 parámetros son coordenadas para su centro y los otros 2 para el ancho y alto (predeterminado).
- "RADIUS": utiliza los 2 primeros como coordenadas para el punto central pero utiliza los otros 2 como ancho y alto de la mitad de la forma.
- "CORNER": usa los primeros 2 números como coordenadas para su esquina superior izquierda y los otros 2 como ancho y alto.
- "CORNERS": utiliza 2 parámetros como coordenadas de una esquina y los otros 2 como coordenadas de la esquina opuesta.
Propiedades de colores
Propiedades de colores
stroke()
stroke()
Los trazos de las figuras pueden tener distintos colores utilizando la función stroke(R,G,B,A).Lleva 4 parámetros numéricos que corresponden a los valores RGBA de un color, cada uno tiene un rango de entre 0 a 255 y determina la cantidad de un cada color que tendrá el color final.
- R: Red (Rojo)
- G: Green (Verde)
- B: Blue (Azul)
- A: Alpha que corresponde a la opacidad.
fill()
fill()
Los rellenos de las figuras pueden tener distintos colores utilizando la función fill(R,G,B,A).Lleva 4 parámetros numéricos que corresponden a los valores RGBA de un color, cada uno tiene un rango de entre 0 a 255 y determina la cantidad de un cada color que tendrá el color final.
- R: Red (Rojo)
- G: Green (Verde)
- B: Blue (Azul)
- A: Alpha que corresponde a la opacidad.
Page updated
Google Sites
Report abuse