Mon objectif était d'utiliser p5.js pour créer des formes graphiques florales interactives avec la souris d'ordinateur. Pour réaliser cette expérience, j'ai utilisé des fragments de code ainsi que des formes en mouvement trouvés sur le web. J'ai exploré des concepts tels que OuterRadius, InnerRadius, Cosinus, Sinus, l'effet de distorsion. Mon prochain objectif serait d'introduir et lier ma forme graphique pour creer une intéraction avec une bande sonore, et animer ma forme
Ce code m'a permit de comprendre certain terme comme "for" qui permet de diviser un cercle en 10 parties et en utilisant "TWO_pi" qui réalise une rotation en x2 de pi. Les codes "OuterRadius" et "InnerRadius" permettent de contrôler les dimensions des formes graphiques dessinées (centre du Canvas et les bords extérieurs). Ainsi les fonctions cos() et sin () permettent de calculer les rayons et de lier les rayons des sommets x1, y1, x2, y2
Pour cette fonction j'ai augmenter la valeur horizontale de OuterRadius de 500 ce qui permet de varier de position entre 100 et 500.Pour la fonction InnerRadius c'est le meme principe verticalement. J'ai rajouté une troisième line(x3 et y3) qui se rapproche de x1 et y1. J'ai ensuite assembler à la fonction InnerRadius pour determiner le centre et la pointe.
Pour ce code j'ai augmenter le nombre pour obtenir plus de triangles avec la fonction TWO_pi et obtenir un cercle plus fermé. j'ai ajouté de la couleur, ce qui donne du contraste à la forme et plus de densité
Pour ce code, j'ai augmenter et diminuer les valeurs OuterRadius et InnerRadius pour la map, ce qui permet de prendre de la place sur l'ecran et créer de la profondeur. J'ai augmenté mes valeurs de x et y qui sont lié au centre X et Y + cos et + sin * PI, ce qui me créer un effet de double formes quand la souris de l'ordianteur se rapproche des extrémités de l'ecran. J'ai aussi changé la couleur.