Article en cours d'écriture

(je rajouterai des explications et des dessins mais en attendant, vous devez pouvoir comprendre en étudiant le code des exemples)

Transformations 2 - Rotations

1) Dessiner un rectangle

2) rectMode(CENTER)

3) Rotation

L'intérêt de procéder ainsi c'est que ça fonctionne pour tout... même avec les textes !

Il faut bien comprendre que l'on tourne autour de la position (0,0) du système de coordonnées en cours. .

4) Faire tourner le tout

A chaque fois que la fonction draw() est terminée, le système de coordonnées est remis à zéro.

C'est pourquoi, il faut refaire translate() au début du code qui est dans la fonction draw() (par exemple).

Remarque : j'ai changé les paramètres de translate pour que le point vert soit au centre !

Essayez de faire tourner le tout à différentes vitesses (et aussi à l'envers... il faut soustraire !).

Essayez de faire tourner le tout autour de la position de la souris !!!

Je vous rappelle que la position de la souris c'est : (mouseX,mouseY) !

Remarquez que, au départ, si la souris n'est pas sur l'espace de dessin (le canvas) : mouseX==mouseY==0

Changez les paramètres pour changer, les tailles, les couleurs... changez les formes peut-êtres... bricolez tout ça :
c'est en pratiquant qu'on comprend vraiment !

Quand vous avez des messages d'erreurs, vous pouvez les copier-coller ici : Reverso

(L'icône vous permet d'inverser les langues)

5) Code du déplacement avec le clavier

A partir du code que vous avez obtenu à la fin de l'article précédent, essayez de faire en sorte que le personnage regarde dans la direction de son mouvement (que le carré sur le cercle soit à droite pour le mouvement à droite, en bas pour le mouvement vers le bas etc)

Mettez votre code dans openprocessing