1.  Le système de coordonnées

• http://processing.org/learning/drawing/ 

2.  Formes simples

• point(x,y) 
• line(x1,y1,x2,y2) 
• rect(x,y,largeur,hauteur) 
• triangle(x1,y1,x2,y2,x3,y3) 
• quad(x1,y1,x2,y2,x3,y3,x4,y4) 
• ellipse(x,y,largeur,hauteur) 
• arc(x,y,largeur,hauteur,début,fin)  (voir les radians)

2.1  Modes de localisation

Fonctions pour changer de mode de localisation:

• rectMode(mode) 
  • CORNER (défaut)
  • CORNERS
  • CENTER
• ellipseMode(mode) 
  • CORNER
  • CORNERS
  • CENTER (défaut)
  • RADIUS

3.  Formes complexes

1. beginShape() 
2. vertex(x,y) 
3. endShape()  ou endShape(CLOSE) 

beginShape();
vertex(x1, y1);
vertex(x2, y2);
vertex(x3, y3);
endShape(CLOSE);

1. beginShape() 
2. curveVertex(x,y) 
3. endShape()  ou endShape(CLOSE) 

beginShape();
curveVertex(a,  b);
curveVertex(x1,  y1);
curveVertex(x2,  y2);
[...]
curveVertex(c,  d);
endShape();

• Tutoriel sur les courbes 

3.1  Fermer des formes complexes

Pour bien fermer une forme curveVertex, il faut suivre le modèle suivant:

beginShape();
// A
// B
// C
[...]
// A
// B
// C
endShape();

Par exemple:

beginShape();
curveVertex(51.0, 75.0); // A
curveVertex(51.0, 211.0); // B
curveVertex(257.0, 106.0); // C
curveVertex(265.0, 197.0);
curveVertex(312.0, 68.0);
curveVertex(51.0, 75.0); // A
curveVertex(50.0, 211.0); // B
curveVertex(257.0, 106.0); // C
endShape();

3.2  Editeur de vertex

• VertexEditor.zip

4.  Styles

• smooth()
• strokeWeight(weight)
• strokeJoin(type)
  • ROUND
  • BEVEL
  • MITTER