---
# System prepended metadata

title: SNT

---

# 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