Il est possible d'écrire du texte dans la fenêtre de dessin.

La fonction "text" permet d'afficher une chaine de caractères. Cette fonction prend 3 paramètres : la chaine de caractères, la coordonnée x du coin "haut-gauche" du texte, la coordonnée y du coin "haut-gauche" du texte .

À faire vous-même 9.1

Saisissez et testez ce code

script.js

function setup(){
    createCanvas(200,200);
    background(240);
    fill(0);
    text("Hello World",60,100);
}
function draw(){
}
        

---

"fill" permet de choisir la couleur du texte.

Il est possible de choisir la taille de la police de caractère avec la fonction "textSize" qui prend pour unique paramètre la taille de la police de caractère.

J'ai dit un peu plus haut que les 2 derniers paramètres de la fonction "text" correspondaient aux coordonnées du coin "haut-gauche" du texte. Il est possible de modifier ce comportement par défaut grâce à la fonction "textAlign". Cette fonction prend un seul paramètre qui peut être : "LEFT", "RIGHT" ou "CENTER".

Dans le schéma ci-dessus, le point A a pour coordonnées les 2 derniers paramètres de la fonction "text".

• le cas 1 correspond à "LEFT" (comportement par défaut)
• le cas 2 correspond à "RIGHT"
• le cas 3 correspond à "CENTER"

À faire vous-même 9.2

Saisissez et testez ce code

script.js

function setup(){
    createCanvas(200,200);
    background(240);
    fill(0);
    text("Hello World",100,70);
    textAlign(RIGHT);
    text("Hello World",100,100);
    textAlign(CENTER);
    text("Hello World",100,130);
}
function draw(){
}
        

---

À faire vous-même 9.3

Écrire un programme permettant d'obtenir quelque chose qui ressemblera à ceci :

Pour vous aider :

• la fonction "random" permet d'obtenir un nombre aléatoire : random(100,200) permet d'obtenir un nombre aléatoire compris entre 100 et 200.
• la fonction "floor" permet d'arrondir un nombre : floor(5.6) sera égale à 6