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