Gruyère

Question 1

Qu’est-ce que la fonction setup() dans p5.js et comment est-elle utilisée dans ce code ?

```javascript
function setup() {
createCanvas(windowWidth, windowHeight);
textSize(windowHeight / 10);
CopyMarge = textWidth(LeCopy) + 15;
}
~~~

Answer 1

La fonction setup() est une fonction spéciale de p5.js qui est exécutée une fois au début du programme. Dans ce code, elle est utilisée pour créer le canevas et définir la taille du texte et la marge du texte.

Code d’origine : https://editor.p5js.org/brunrhb/sketches/RtOWHHBpQ
Documentation setup() : https://p5js.org/reference/#/p5/setup
Exemple setup() : https://p5js.org/examples/structure-setup-and-draw.html

Question 2

Comment fonctionne la boucle for dans ce code ?

```javascript
for (i = 0; i < windowWidth + CopyMarge ; i = i + CopyMarge ) {
xPos = (x + i) % (windowWidth + CopyMarge)
text(LeCopy, xPos, windowHeight / 2)
}
~~~

Answer 2

La boucle for est utilisée pour répéter un certain bloc de code un certain nombre de fois. Dans ce code, elle est utilisée pour dessiner le texte sur le canevas à des intervalles réguliers.

Code d’origine : https://editor.p5js.org/brunrhb/sketches/RtOWHHBpQ
Documentation for() : https://developer.mozilla.org/fr/docs/Web/JavaScript/Guide/Boucles_et_it%C3%A9ration#boucles_for
Exemple for() : https://www.w3schools.com/js/js_loop_for.asp

Question 3

% ?

xPos = (x + i) % (windowWidth + CopyMarge)

Answer 3

L’opérateur % est l’opérateur de modulo. Il retourne le reste de la division de deux nombres. Dans ce code, il est utilisé pour calculer la position x du texte de manière cyclique.