# SNT ## Seq 2 Bibliothèque de référence https://processing.org/reference/ ### 1er prog #### sortie standard format fenêtre graphique ``` void setup() { //initialisation de le fenêtre graphique size(640, 360); } void draw() { // ceci est un commentaire // Ensemble des instructions à executer } ``` - Quelles sont les dimensions hauteur largeur maximum pour la fenêtre? Comment trouver ces informations. - Quelle est l'unité donner en argument à size? - Quelle est la résolution de l'écran? #### Dessiner un trait On dessine un trait à l'aide de l'instruction` line(....)` - trouver dans la bibliothèque de référence l'instruction `line`. - suivre les exemples. Expliquer le système de coordonées donner en argument à l'instruction `line()` - Expliquer le système de coordonées de la fenètre graphique. #### Changer la couleur d'un trait Ci-dessous un petit programme qui permet de modifier les traille de ligne et couleur ``` strokeWeight(4); // Default stroke(255,0,127); line(80, 80, 320, 80); strokeWeight(16); // Thicker line(80, 160, 320, 160); strokeWeight(40); // Beastly line(80, 280, 320, 280); ``` - Comment changer la couleur du trait? - Comment fonctionne l'instruction `stroke(...)` et `strokeWeight(...)`? #### Changer la couleur de fond de la fenêtre graphique - Quel instruction permet de changer la couleur de fond dans la bibliothèque de référence - Tester la! #### Exercice A l'aide de l'instruction `line()` reproduire le graph ci-dessous ![](https://i.imgur.com/koyW3ZZ.png) #### Rectangle et couleur https://processing.org/reference/stroke_.html - Comment fonctionne l'instruction `rect(...)? plus tard ------ #### Sortie standard format texte ## Seq 3 ### PI ```javascript! float x = width/2; float y = height/2; float d = width * 0.8; size(400,400); arc(x, y, d, d, 0, QUARTER_PI); arc(x, y, d-80, d-80, 0, HALF_PI); arc(x, y, d-160, d-160, 0, PI); arc(x, y, d-240, d-240, 0, TWO_PI); ``` HALF_PI is a mathematical constant with the value 1.5707964. It is half the ratio of the circumference of a circle to its diameter. It is useful in combination with the trigonometric functions sin() and cos(). https://processing.org/reference/HALF_PI.html ### COS ```javascript! size(400,400); float a = 0.0; float inc = TWO_PI/25.0; for (int i = 0; i < 25; i++) { line(i*16, 200, i*16, 200+cos(a)*160.0); a = a + inc; } ``` https://processing.org/reference/cos_.html