2. Primers passos: formes i colors

2.8. Propietats de les formes

A l’hora de dibuixar les nostres formes, hi ha certs mètodes que podem utilitzar per canviar-ne l’aparença.

Grossària del traç

La grossària del traç per defecte és d’1 px, però ho podem canviar amb el mètode strokeWeight() donant com a paràmetre entre els seus parèntesis la grossària desitjada en píxels. Si no volem traç a les nostres figures, també podem usar el mètode noStroke().

Figura 19. Grossària del traç
Font: elaboració pròpia.

Unions i final del traç

A més de la grossària, també podem variar el tipus d’unió entre traços i la seva rematada final utilitzant els mètodes strokeJoin() i strokeCap() respectivament.

Figura 20. Unions i final del traç
Font: elaboració pròpia.

Modes de dibuix

Per a moltes de les formes bàsiques, podem canviar el mode com els seus paràmetres defineixen les coordenades on es dibuixen, la qual cosa ens pot resultar útil en determinats contextos.

Figura 21. Modes de dibuix
Font: elaboració pròpia.

Malgrat que les dues el·lipses anteriors tenen els mateixos paràmetres ellipse(200, 200, 100, 100) es dibuixen en diferents posicions del canvas, ja que el seu mode de dibuix és diferent.

Podeu consultar ellipseMode() i rectMode() a la referència de P5 per veure els diferents modes de dibuix.

Totes aquestes propietats, una vegada definides, afecten totes les formes que dibuixem a continuació, tret que les tornem a definir. Si són propietats que es mantindran durant tot el nostre dibuix, també les podem definir en el setup(), que s’executa una única vegada al principi.

Figura 22. Modes de dibuix i ordre d’execució
Font: elaboració pròpia.