1
00:00:00,506 --> 00:00:04,068
Maintenant que nous avons vu 
comment utiliser la fonction "text()"

2
00:00:04,068 --> 00:00:07,129
on va voir ce qu'est une "chaine".

3
00:00:07,129 --> 00:00:10,610
Une "chaine", c'est pas ce truc
qui fait avancer les vélos ?

4
00:00:10,610 --> 00:00:14,141
Pour les programmeurs, une "chaine"
est un morceau de texte.

5
00:00:14,141 --> 00:00:16,566
C'est une suite de caractères.

6
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".

7
00:00:21,691 --> 00:00:25,498
Pour simplifier, disons qu'une chaine
c'est du texte.

8
00:00:25,498 --> 00:00:28,565
On a déjà utilisé des chaines pour
afficher du texte dans les programmes.

9
00:00:28,565 --> 00:00:30,987
Peut-on utiliser des variables avec 
des chaines ? Oui, bien sûr !

10
00:00:30,987 --> 00:00:34,990
Une variable peut contenir un nombre.
Une variable peut contenir une chaine.

11
00:00:34,990 --> 00:00:42,323
On a déjà utilisé ça. par exemple : 
var myName="Sophia"; (n'oubliez pas les guillemets !)

12
00:00:42,323 --> 00:00:46,837
Et ensuite, on utilise la variable, myName, 
au lieu de mettre directement "Sophia"...

13
00:00:46,837 --> 00:00:48,906
... comme on l'avait écrit avant.

14
00:00:48,906 --> 00:00:53,377
Cela revient au même là.
Mais, du coup, on peut l'afficher plusieurs fois.

15
00:00:53,377 --> 00:00:56,652
Un fois ici... une fois là...

16
00:00:56,652 --> 00:01:00,991
et, en changeant simplement la valeur de la variable

17
00:01:00,991 --> 00:01:03,765
le texte va s'afficher 3 fois.

18
00:01:03,765 --> 00:01:08,100
Bon. Que va-t-il se passer si on 
additionne deux chaines ?

19
00:01:08,100 --> 00:01:11,839
...comme quand on additionnait deux
variables contenant des nombres ?

20
00:01:11,839 --> 00:01:16,606
On peut faire ça. L'ordinateur va juste
"coller" (concaténer) les deux chaines ensembles.

21
00:01:16,606 --> 00:01:20,362
Par exemple, créons une autre variable : message

22
00:01:20,362 --> 00:01:27,590
qui contient : myName + "!!!!";

23
00:01:27,590 --> 00:01:31,313
Et ensuite, si on veut afficher le contenu 
de la variable message,

24
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.

25
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

26
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.

27
00:01:48,904 --> 00:01:54,500
Bon... peut-on aussi soustraire 2 chaines ? 
Ou les multiplier, les diviser ?

28
00:01:54,500 --> 00:01:59,163
Et bien NON... on peut juste les additionner.

29
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.

30
00:02:04,136 --> 00:02:09,220
Se poser ces questions, être curieux...

31
00:02:09,220 --> 00:02:11,859
c'est exactement la bonne attitude 
à avoir en programmation.

32
00:02:12,474 --> 00:02:16,930
On peut aussi faire des animations avec
les mouvements de la souris et les chaines.

33
00:02:16,930 --> 00:02:20,291
Par exemple, la chaine peut suivre 
la position de la souris.

34
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.

35
00:02:24,246 --> 00:02:29,634
Faisons ça. on écrit : var draw
et on déplace tout le code... ici.

36
00:02:29,634 --> 00:02:33,495
C'est ce que vous avez vu dans le cours
"Intro à l'animation".

37
00:02:33,495 --> 00:02:39,161
OK. Ensuite, pour suivre la souris, il
faut utiliser ici mouseX et mouseY.

38
00:02:39,161 --> 00:02:43,188
On fait de la peinture avec notre nom.

39
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.

40
00:02:49,965 --> 00:02:56,165
Et maintenant le texte suit simplement la souris.

41
00:02:56,165 --> 00:03:02,232
OK. Maintenant, essayons faire grandir le texte
au fur et à mesure.

42
00:03:02,232 --> 00:03:06,229
Ici, la taille du texte est à 30. Au lieu de faire ça,

43
00:03:06,229 --> 00:03:13,723
on définit une variable "howBig" qui vaut 30.
Et on va utiliser la variable... ici.

44
00:03:13,723 --> 00:03:19,925
Pour l'instant, cela ne change rien.

45
00:03:19,925 --> 00:03:25,254
Dans la boucle "draw", il suffit de faire :
howBig = howBig +1;

46
00:03:25,254 --> 00:03:31,585
Pour ajouter 1 à la variable howBig à chaque
passage dans la boucle.

47
00:03:31,585 --> 00:03:35,694
Ensuite, on redémarre le programme...

48
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.

49
00:03:39,974 --> 00:03:44,659
La chaine grandit grace à cette ligne de code.

50
00:03:44,833 --> 00:03:53,003
Et voila, vous savez maintenant comment 
utiliser et coder avec les chaines de caractères.

51
00:03:53,003 --> 00:03:54,771
Bravo !