#001. Introduction.

Voici ce qu’on a fait lundi 11 janvier.

Dans cet atelier on a téléchargé Processing, langage et logiciel de programmation.

https://processing.org/download/

Puis on a fait connaissance avec l’interface de programmation. Nous avons vu que lorsqu’on clique sur le bouton « play » en haut, une fenêtre grise de 100*100 pixels s’affiche.

Capture d’écran 2016-01-15 à 13.28.24

On a modifié la taille et la couleur de fond de cet espace de dessin. Nous avons vu que nous pouvons « coder » de la couleur en RVB ou en nuances de gris. Nous avons compris au gré des erreurs que la moindre faute syntaxique (la syntaxe est la façon dont le langage est structuré avec ses règles, son « orthographe »), l’ordinateur nous envoie sur les roses. On n’oublie pas les points virgules, les virgules, les parenthèses… etc.

Capture d’écran 2016-01-15 à 13.32.26

On a joué avec les fonctions basiques de dessin (rect(), ellipse(), line()). On a vu comment remplir les formes ou les contours (avec fill(), stroke()). On peut aussi enlever ou grossir les contours. Nous avons vu quelques autres fonctions; à voir: la documentation.

Capture d’écran 2016-01-15 à 13.35.20

On a également fait quelques opérations mathématiques très simples ( +, -, *, / ) sur des valeurs pour décaler la position des formes (ci-dessous, ligne 12 à 14).

Capture d’écran 2016-01-15 à 13.38.09

Nous avons vu que nous pouvons charger des images… grâce aux variables de type PImage. Mais nous y reviendrons après la session n°2 ! Pareil pour l’affichage de ce qui a attrait à la typographie, nous y reviendrons plus tard !

Comment ne pas perdre la main tout en avançant :

• aller yeuter par exemple du côté du flossmanual et voir d’autres fonctions de dessin.
http://www.flossmanualsfr.net/processing/ch007_les-formes

• sauvegarder ses œuvres au format .jpg, .tif, .png… avec la fonction save().

• jeter un coup d’œil sur les méthodes width et height, puis sur le code ci-dessous.

size(300, 300);
ellipse(width/2, height/2, 50, 50);
line(width/2, 0, width/2, height);
line(0, height/2, width, height/2);
save("mon_image.jpg");

mon_image