Formes quelconques et vertex

Il est possible avec P5js de tracer n'importe quelle forme complexe de forme polygonale.

quad(x0,y0,x1,y1,x2,y2,x3,y3);

Les 8 arguments de la fonction sont les coordonnées des 4 sommets.

L'instruction est assez simple. L'exemple ci dessous est lui un peu plus riche du fait des deux boucles imbriquées et nécessite un peu d'analyse pour être compris.

On va dessiner des losanges emboités les uns dans les autres. Pour cela, on commencera par les losanges les plus grands et on ira vers les losanges les plus petits. En outre, la couleur est déterminée par la taille du losange.

Mais autour de cette boucle qui dessine les losanges, il y a la boucle de la fonction draw qui elle va agrandir la taille du plus grand losange au fur et à mesure...

Cet exemple un peu plus complexe demande une analyse un peu plus poussée et demande d'avoir compris les boucles.

boucles

Exemple
À faire vous même

Afficher un polygone régulier à n côtés, n étant un nombre aléatoire entre 3 et 30. Lorsque l'on clique sur le canvas, un nouveau nombre aléatoire est tiré.