WEBVTT

00:00:00.506 --> 00:00:04.068
Maintenant que nous avons vu 
comment utiliser la fonction "text()"

00:00:04.068 --> 00:00:07.129
on va voir ce qu'est une "chaine".

00:00:07.129 --> 00:00:10.610
Une "chaine", c'est pas ce truc
qui fait avancer les vélos ?

00:00:10.610 --> 00:00:14.141
Pour les programmeurs, une "chaine"
est un morceau de texte.

00:00:14.141 --> 00:00:16.566
C'est une suite de caractères.

00:00:16.566 --> 00:00:21.691
Votre nom est une "chaine", le nom de
votre école aussi. Et tous les textes sont des "chaines".

00:00:21.691 --> 00:00:25.498
Pour simplifier, disons qu'une chaine
c'est du texte.

00:00:25.498 --> 00:00:28.565
On a déjà utilisé des chaines pour
afficher du texte dans les programmes.

00:00:28.565 --> 00:00:30.987
Peut-on utiliser des variables avec 
des chaines ? Oui, bien sûr !

00:00:30.987 --> 00:00:34.990
Une variable peut contenir un nombre.
Une variable peut contenir une chaine.

00:00:34.990 --> 00:00:42.323
On a déjà utilisé ça. par exemple : 
var myName="Sophia"; (n'oubliez pas les guillemets !)

00:00:42.323 --> 00:00:46.837
Et ensuite, on utilise la variable, myName, 
au lieu de mettre directement "Sophia"...

00:00:46.837 --> 00:00:48.906
... comme on l'avait écrit avant.

00:00:48.906 --> 00:00:53.377
Cela revient au même là.
Mais, du coup, on peut l'afficher plusieurs fois.

00:00:53.377 --> 00:00:56.652
Un fois ici... une fois là...

00:00:56.652 --> 00:01:00.991
et, en changeant simplement la valeur de la variable

00:01:00.991 --> 00:01:03.765
le texte va s'afficher 3 fois.

00:01:03.765 --> 00:01:08.100
Bon. Que va-t-il se passer si on 
additionne deux chaines ?

00:01:08.100 --> 00:01:11.839
...comme quand on additionnait deux
variables contenant des nombres ?

00:01:11.839 --> 00:01:16.606
On peut faire ça. L'ordinateur va juste
"coller" (concaténer) les deux chaines ensembles.

00:01:16.606 --> 00:01:20.362
Par exemple, créons une autre variable : message

00:01:20.362 --> 00:01:27.590
qui contient : myName + "!!!!";

00:01:27.590 --> 00:01:31.313
Et ensuite, si on veut afficher le contenu 
de la variable message,

00:01:31.313 --> 00:01:37.117
on voit que l'ordi a juste utilisé le contenu
de myName et y a collé les points d'exclamation.

00:01:37.117 --> 00:01:42.345
Bon. Maintenant, si on veut afficher le message
deux fois à la suite, il suffit de faire... message + message

00:01:42.345 --> 00:01:48.904
Donc, additionner deux chaines, c'est prendre la première
chaine et y "concaténer" (coller) la seconde à la fin.

00:01:48.904 --> 00:01:54.500
Bon... peut-on aussi soustraire 2 chaines ? 
Ou les multiplier, les diviser ?

00:01:54.500 --> 00:01:59.163
Et bien NON... on peut juste les additionner.

00:01:59.163 --> 00:02:04.136
On peut diviser ou soustraire deux variables numériques,
mais avec les chaines, on ne peut qu'additionner.

00:02:04.136 --> 00:02:09.220
Se poser ces questions, être curieux...

00:02:09.220 --> 00:02:11.859
c'est exactement la bonne attitude 
à avoir en programmation.

00:02:12.474 --> 00:02:16.930
On peut aussi faire des animations avec
les mouvements de la souris et les chaines.

00:02:16.930 --> 00:02:20.291
Par exemple, la chaine peut suivre 
la position de la souris.

00:02:20.291 --> 00:02:24.246
Juste en mettant le code dans la boucle "draw",
comme on l'a fait avec les rectangles.

00:02:24.246 --> 00:02:29.634
Faisons ça. on écrit : var draw
et on déplace tout le code... ici.

00:02:29.634 --> 00:02:33.495
C'est ce que vous avez vu dans le cours
"Intro à l'animation".

00:02:33.495 --> 00:02:39.161
OK. Ensuite, pour suivre la souris, il
faut utiliser ici mouseX et mouseY.

00:02:39.161 --> 00:02:43.188
On fait de la peinture avec notre nom.

00:02:43.188 --> 00:02:49.965
Et, bien sûr, si on veut, on peut ajouter
un "background()" d'une couleur... bleu clair.

00:02:49.965 --> 00:02:56.165
Et maintenant le texte suit simplement la souris.

00:02:56.165 --> 00:03:02.232
OK. Maintenant, essayons faire grandir le texte
au fur et à mesure.

00:03:02.232 --> 00:03:06.229
Ici, la taille du texte est à 30. Au lieu de faire ça,

00:03:06.229 --> 00:03:13.723
on définit une variable "howBig" qui vaut 30.
Et on va utiliser la variable... ici.

00:03:13.723 --> 00:03:19.925
Pour l'instant, cela ne change rien.

00:03:19.925 --> 00:03:25.254
Dans la boucle "draw", il suffit de faire :
howBig = howBig +1;

00:03:25.254 --> 00:03:31.585
Pour ajouter 1 à la variable howBig à chaque
passage dans la boucle.

00:03:31.585 --> 00:03:35.694
Ensuite, on redémarre le programme...

00:03:35.694 --> 00:03:39.974
Et on voit la chaine qui grandit, grandit au fur 
et à mesure, en plus de suivre la souris.

00:03:39.974 --> 00:03:44.659
La chaine grandit grace à cette ligne de code.

00:03:44.833 --> 00:03:53.003
Et voila, vous savez maintenant comment 
utiliser et coder avec les chaines de caractères.

00:03:53.003 --> 00:03:54.771
Bravo !