• Proce55ing

• Processing Alpha (2001 - 2005)

• Processing Beta (2005 - 2008)
• Processing 1.0 (Novembre 2008)
• Processing.js (2008)
• POW! (Processing for Open Web)
Processing
 Processing
La console

• Permet d’imprimer des informations

 Processing
• Environnement de travail (IDE) simplifié.
• Langage de programmation : Java.
• Export en applet, programme
téléchargeable en ligne pour être visualisé
depuis un navigateur.
• Export en applications (PC / Mac / Linux).
 Processing
Le sketchbook

• Dossier contenant les “sketchs”

• Processing > Preferences
 Processing
Le sketchbook

• extension des sketchs : .pde

 Processing

• Repère ( dessin en 2 dimensions )

• Temporalité ( timeline )
Processing
Repère 2D
 Processing
Repère 2D : pixels, coordonnées
 Processing
Repère 2D : pixels, coordonnées
Processing
Syntaxe
 Processing
Dessin

• background, fill, noFill, stroke, noStroke

• strokeWeight
• point, line, ellipse,ellipseMode, rect,
rectMode, triangle
• bezier, curve
 Processing
Couleurs et nombres

• Codage couleur RGB (le plus courant)

• background(255,0,0);
• stroke(127,12,89);
• fill(12); (équivalent à fill(12, 12, 12); )
 Processing
Couleurs et nombres

• Sélectionner une couleur

• Tools > Color Selector
 Processing
Principes de programmation

• Fonctions
• Variables
• Boucles
• Conditions ( comparaisons )
 Processing
Les variables

• Déclaration, affectation
 Processing
Les variables

• Type
• int, float,boolean,char,String,...

• Nom de la variable
• ne doit pas commencer par un caractère spécial ( ‘?’, ’_’, espace,
chiffres,... )

• Affectation ( “=” )
Processing
Les variables
Processing
Les fonctions
Processing
Les fonctions
Processing
Les fonctions
Processing
Les fonctions : syntaxe
Processing
Les boucles : for
Processing
Les conditions : if
Processing
Les conditions : if / else
 Processing
Comparaisons / Tests

• Test
• variables de même type
• < , <=, >, >=, ==
• Ne pas confondre ‘=’ et ‘==’ !
Processing
Mode continu