Nous avons fait beaucoup de dessins pour l'instant.
Nous n'avons pas encore parlé de la façon d'écrire du texte.
C'est ce que nous allons voir maintenant.
Pourquoi avoir besoin d'écrire du texte ? Vous voudrez peut être afficher un score...
ou afficher une explication, ou afficher votre nom et le faire grandir ou changer de couleur.
Essayons de dire bonjour ("hello" en anglais). On écrit...text, puis... hello... et on obtient une erreur.
Elle indique que "hello" n'est pas défini. Pourquoi a-t-on ça ?
Le problème, ici, c'est que l'ordinateur pense que hello est une variable.
Et effectivement, c'est possible...
On pourrait avoir une variable qui s'appèle hello.
Donc, comment lui indiquer que hello n'est pas une variable, mais du texte.
C'est simple. On a juste à mettre des guillemets au début et à la fin du texte.
Cela permet d'indiquer que ce n'est pas une variable, c'est du texte.
On veut juste afficher ce qu'il y a entre les guillemets.
En utilisant les guillemets, on indique à l'ordi de ne pas interpréter le contenu.
Mais juste utiliser ce qu'il y a à l'intérieur comme du texte à utiliser tel quel.
Ici, on l'utilise en demandant d'afficher ce contenu. Tous les textes devront être entourés de guillemets.
C'est un point très importants, et assez simple à retenir.
Dit autrement : chaque fois que vous voudrez utiliser du texte dans votre programme,
vous devrez toujours entourer le texte avec des guillemets.
Sinon, vous aurez des messages d'erreurs, car l'ordi cherchera à l'interpréter comme des variables.
Si vous obtenez ce type de messages,
vérifiez que vous n'avez pas oublié ces guillemets.
Parfait ! Bon, en utilisant les guillemets on n'a plus l'erreur.
Mais vous avez vu que l'on n'a rien d'affiché à droite !
On a toujours une page blanche !
Par contre, si on ajoute une couleur de fond avec "background();"
... on trouve notre texte affiché.
Il est simplement écrit en blanc. Et si on écrit du texte en blanc, sur un fond blanc...
évidemment, on ne le voit pas !
Bien sûr, c'est un peu idiot de faire ça.
On peut changer ça facilement, car vous avez vu comment changer la couleur du pinceau.
Donc, en utilisant la fonction "fill()", on peut changer la couleur du pinceau utilisé pour le texte.
Et... voilà ! on a bien notre texte maintenant.
Le texte s'affiche sans avoir besoin de fond de couleur. Voyons maintenant comment cette fonction "text()" fonctionne
Le premier paramètre est le texte qu'on veut afficher.
Ensuite, si on change le second paramètre, on déplace le texte horizontalement (l'axe des "x").
Et le troisième est la position verticale (sur l'axe des "y").
Ca ne vous rappelle rien ? C'est comme pour dessiner un rectangle.
Le truc un peu bizarre, est que les deux coordonnées...
correspondent au coin INFERIEUR gauche. Donc c'est ce coin... là.
Alors que pour les rectangles, c'est le coin SUPERIEUR gauche. Ce coin...
On a l'impression que c'est fait pour nous embêter !
Mais c'est juste un truc à connaître.
On peut juste essayer en mettant "height" pour le "y".
Et constater qu'effectivement, c'est le coin inférieur qui est à la limite de l'écran.
Ou on peut essayer avec 0 (zéro). Qu'est-ce qu'on va obtenir ?
Et bien, le texte disparaît. Et si on augmente le zéro doucement,
on peut voir que le texte réapparaît par le haut...
Car, c'est bien les coordonnées du coin inférieur gauche qu'on indique.
Ce n'est pas le coin supérieur.
OK. On va s'arrêter là pour la fonction text().
Par exemple, essayons de l'agrandir.
On utilise la fonction "textSize();" qui permet d'indiquer la taille du texte à afficher.
Indiquons une taille de "30". C'est assez grand. On peut le faire plus grand... ou tout petit, petit...
Essayons maintenant d'écrire votre prénom. et un texte court en dessous vous décrivant.
Comme je ne vous connaît pas, je vais utiliser le prénom "Sophia" par exemple.
Je vous rassure, ce n'est pas mon prénom... Donc j'écrit : text( "Sophia",... Et voila !
Ensuite, un petit texte en dessous. Comme : j'aime les chiots, la guitare et coder".
C'est pas mal, mais il faut le déplacer pour éviter cette superposition... Voila.
On va aussi réduire sa taille. Avec la fonction "textSize();" et un nombre plus petit.
Et voilà ! c'est plutôt pas mal, non ?
Je veux aussi changer la couleur maintenant...
donc, j'utilise la fonction "fill();" et je choisit une couleur...
... un beau... rose... comme ça !
Génial ! Vous savez maintenant comment afficher du texte, changer sa taille et sa couleur !