Maintenant que nous avons vu comment utiliser la fonction "text()"
on va voir ce qu'est une "chaine".
Une "chaine", c'est pas ce truc qui fait avancer les vélos ?
Pour les programmeurs, une "chaine" est un morceau de texte.
C'est une suite de caractères.
Votre nom est une "chaine", le nom de votre école aussi. Et tous les textes sont des "chaines".
Pour simplifier, disons qu'une chaine c'est du texte.
On a déjà utilisé des chaines pour afficher du texte dans les programmes.
Peut-on utiliser des variables avec des chaines ? Oui, bien sûr !
Une variable peut contenir un nombre. Une variable peut contenir une chaine.
On a déjà utilisé ça. par exemple : var myName="Sophia"; (n'oubliez pas les guillemets !)
Et ensuite, on utilise la variable, myName, au lieu de mettre directement "Sophia"...
... comme on l'avait écrit avant.
Cela revient au même là. Mais, du coup, on peut l'afficher plusieurs fois.
Un fois ici... une fois là...
et, en changeant simplement la valeur de la variable
le texte va s'afficher 3 fois.
Bon. Que va-t-il se passer si on additionne deux chaines ?
...comme quand on additionnait deux variables contenant des nombres ?
On peut faire ça. L'ordinateur va juste "coller" (concaténer) les deux chaines ensembles.
Par exemple, créons une autre variable : message
qui contient : myName + "!!!!";
Et ensuite, si on veut afficher le contenu de la variable message,
on voit que l'ordi a juste utilisé le contenu de myName et y a collé les points d'exclamation.
Bon. Maintenant, si on veut afficher le message deux fois à la suite, il suffit de faire... message + message
Donc, additionner deux chaines, c'est prendre la première chaine et y "concaténer" (coller) la seconde à la fin.
Bon... peut-on aussi soustraire 2 chaines ? Ou les multiplier, les diviser ?
Et bien NON... on peut juste les additionner.
On peut diviser ou soustraire deux variables numériques, mais avec les chaines, on ne peut qu'additionner.
Se poser ces questions, être curieux...
c'est exactement la bonne attitude à avoir en programmation.
On peut aussi faire des animations avec les mouvements de la souris et les chaines.
Par exemple, la chaine peut suivre la position de la souris.
Juste en mettant le code dans la boucle "draw", comme on l'a fait avec les rectangles.
Faisons ça. on écrit : var draw et on déplace tout le code... ici.
C'est ce que vous avez vu dans le cours "Intro à l'animation".
OK. Ensuite, pour suivre la souris, il faut utiliser ici mouseX et mouseY.
On fait de la peinture avec notre nom.
Et, bien sûr, si on veut, on peut ajouter un "background()" d'une couleur... bleu clair.
Et maintenant le texte suit simplement la souris.
OK. Maintenant, essayons faire grandir le texte au fur et à mesure.
Ici, la taille du texte est à 30. Au lieu de faire ça,
on définit une variable "howBig" qui vaut 30. Et on va utiliser la variable... ici.
Pour l'instant, cela ne change rien.
Dans la boucle "draw", il suffit de faire : howBig = howBig +1;
Pour ajouter 1 à la variable howBig à chaque passage dans la boucle.
Ensuite, on redémarre le programme...
Et on voit la chaine qui grandit, grandit au fur et à mesure, en plus de suivre la souris.
La chaine grandit grace à cette ligne de code.
Et voila, vous savez maintenant comment utiliser et coder avec les chaines de caractères.
Bravo !