0:00:00.236,0:00:02.719
Nous avons fait beaucoup [br]de dessins pour l'instant.

0:00:02.719,0:00:05.193
Nous n'avons pas encore parlé de [br]la façon d'écrire du texte.

0:00:05.193,0:00:07.595
C'est ce que nous allons voir maintenant.

0:00:07.595,0:00:11.396
Pourquoi avoir besoin d'écrire du texte ?[br]Vous voudrez peut être afficher un score...

0:00:11.396,0:00:15.688
ou afficher une explication, ou afficher[br]votre nom et le faire grandir ou changer de couleur.

0:00:15.688,0:00:24.113
Essayons de dire bonjour ("hello" en anglais).[br]On écrit...text, puis... hello... et on obtient une erreur.

0:00:24.113,0:00:27.424
Elle indique que "hello" n'est pas défini.[br]Pourquoi a-t-on ça ?

0:00:27.424,0:00:30.993
Le problème, ici, c'est que l'ordinateur pense que [br]hello est une variable.

0:00:30.993,0:00:33.445
Et effectivement, c'est possible...

0:00:33.445,0:00:36.222
On pourrait avoir une variable qui s'appèle hello.

0:00:36.222,0:00:39.251
Donc, comment lui indiquer que hello n'est pas[br]une variable, mais du texte.

0:00:39.251,0:00:42.889
C'est simple. On a juste à mettre des guillemets[br]au début et à la fin du texte.

0:00:42.889,0:00:46.069
Cela permet d'indiquer que ce n'est pas une variable,[br]c'est du texte.

0:00:46.069,0:00:48.113
On veut juste afficher ce qu'il y a entre les guillemets.

0:00:48.113,0:00:51.282
En utilisant les guillemets, on indique à l'ordi de ne [br]pas interpréter le contenu.

0:00:51.282,0:00:54.244
Mais juste utiliser ce qu'il y a à l'intérieur[br]comme du texte à utiliser tel quel.

0:00:54.244,0:00:58.282
Ici, on l'utilise en demandant d'afficher ce contenu.[br]Tous les textes devront être entourés de guillemets.

0:00:58.282,0:01:01.699
C'est un point très importants,[br]et assez simple à retenir.

0:01:01.699,0:01:05.432
Dit autrement : chaque fois que vous voudrez [br]utiliser du texte dans votre programme,

0:01:05.432,0:01:07.526
vous devrez toujours entourer [br]le texte avec des guillemets.

0:01:07.526,0:01:10.852
Sinon, vous aurez des messages d'erreurs, car[br]l'ordi cherchera à l'interpréter comme des variables.

0:01:10.852,0:01:12.966
Si vous obtenez ce type de messages,

0:01:12.966,0:01:15.089
vérifiez que vous n'avez pas oublié [br]ces guillemets.

0:01:15.089,0:01:18.199
Parfait ! Bon, en utilisant les guillemets[br]on n'a plus l'erreur.[br]

0:01:18.199,0:01:20.828
Mais vous avez vu que l'on n'a rien [br]d'affiché à droite !

0:01:20.828,0:01:22.157
On a toujours une page blanche !

0:01:22.157,0:01:24.890
Par contre, si on ajoute une couleur[br]de fond avec "background();"

0:01:24.890,0:01:29.114
... on trouve notre texte affiché.

0:01:29.114,0:01:36.068
Il est simplement écrit en blanc. Et si on écrit[br]du texte en blanc, sur un fond blanc...

0:01:36.068,0:01:37.952
évidemment, on ne le voit pas !

0:01:37.952,0:01:42.445
Bien sûr, c'est un peu idiot de faire ça.

0:01:42.445,0:01:46.111
On peut changer ça facilement, car vous [br]avez vu comment changer la couleur du pinceau.

0:01:46.111,0:01:50.901
Donc, en utilisant la fonction "fill()", on peut changer[br]la couleur du pinceau utilisé pour le texte.

0:01:50.901,0:01:54.231
Et... voilà ! on a bien notre texte maintenant.

0:01:54.231,0:01:59.290
Le texte s'affiche sans avoir besoin de fond de couleur.[br]Voyons maintenant comment cette fonction "text()" fonctionne

0:01:59.290,0:02:03.799
Le premier paramètre est le texte qu'on veut afficher.

0:02:03.799,0:02:08.695
Ensuite, si on change le second paramètre, [br]on déplace le texte horizontalement (l'axe des "x").

0:02:08.695,0:02:11.776
Et le troisième est la position verticale [br](sur l'axe des "y").

0:02:11.776,0:02:14.698
Ca ne vous rappelle rien ?[br]C'est comme pour dessiner un rectangle.

0:02:14.698,0:02:19.265
Le truc un peu bizarre, est que [br]les deux coordonnées...

0:02:19.265,0:02:24.236
correspondent au coin INFERIEUR gauche.[br]Donc c'est ce coin... là.

0:02:24.236,0:02:27.222
Alors que pour les rectangles, c'est le coin[br]SUPERIEUR gauche. Ce coin...

0:02:27.222,0:02:30.610
On a l'impression que c'est fait [br]pour nous embêter !

0:02:30.610,0:02:32.761
Mais c'est juste un truc à connaître.

0:02:32.761,0:02:37.390
On peut juste essayer en mettant [br]"height" pour le "y".

0:02:37.390,0:02:42.448
Et constater qu'effectivement, c'est le coin [br]inférieur qui est à la limite de l'écran.

0:02:42.448,0:02:48.775
Ou on peut essayer avec 0 (zéro). [br]Qu'est-ce qu'on va obtenir ?

0:02:48.775,0:02:53.781
Et bien, le texte disparaît.[br]Et si on augmente le zéro doucement,

0:02:53.781,0:02:56.116
on peut voir que le texte réapparaît par le haut...

0:02:56.116,0:02:59.782
Car, c'est bien les coordonnées du [br]coin inférieur gauche qu'on indique.

0:02:59.782,0:03:01.754
Ce n'est pas le coin supérieur.

0:03:01.754,0:03:06.222
OK. On va s'arrêter là [br]pour la fonction text().

0:03:06.222,0:03:09.830
Par exemple, essayons de l'agrandir.

0:03:09.830,0:03:14.698
On utilise la fonction "textSize();" qui permet[br]d'indiquer la taille du texte à afficher.

0:03:14.698,0:03:20.497
Indiquons une taille de "30". C'est assez grand.[br]On peut le faire plus grand... ou tout petit, petit...

0:03:20.497,0:03:25.557
Essayons maintenant d'écrire votre prénom.[br]et un texte court en dessous vous décrivant.

0:03:25.557,0:03:28.728
Comme je ne vous connaît pas, [br]je vais utiliser le prénom "Sophia" par exemple.

0:03:28.728,0:03:35.436
Je vous rassure, ce n'est pas mon prénom...[br]Donc j'écrit : text( "Sophia",... Et voila !

0:03:35.436,0:03:42.801
Ensuite, un petit texte en dessous. Comme :[br]j'aime les chiots, la guitare et coder".

0:03:42.801,0:03:49.262
C'est pas mal, mais il faut le déplacer pour[br]éviter cette superposition... Voila.

0:03:49.262,0:03:55.368
On va aussi réduire sa taille. Avec la [br]fonction "textSize();" et un nombre plus petit.

0:03:55.368,0:03:58.633
Et voilà ! c'est plutôt pas mal, non ?

0:03:58.633,0:04:01.854
Je veux aussi changer la couleur maintenant...

0:04:01.854,0:04:06.923
donc, j'utilise la fonction "fill();"[br]et je choisit une couleur...

0:04:06.923,0:04:09.962
... un beau... rose... comme ça !

0:04:09.962,0:04:16.729
Génial ! Vous savez maintenant comment[br]afficher du texte, changer sa taille et sa couleur !