-
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 !
