From t-o-f

P5js: Formes

1.  Les formes de base

• Tutoriel Processing : Coordinate System and Shapes 
• The coding train : 1.2: Basics of drawing - p5.js Video Tutorial 

1.1  Fonctions

• point(x,y) 
• line(x1,y1,x2,y2) 
• rect(x,y,w,h,[tl],[tr],[br],[bl]) 
  • rectMode(mode)  mode : CORNER, CORNERS, CENTER, ou RADIUS
• ellipse(x,y,w,[h]) 
  • ellipseMode(mode)  mode : CENTER, RADIUS, CORNER, ou CORNERS
• arc(a,b,c,d,start,stop,[mode])  start, stop : 0 .. PI(3.14) .. TWO_PI(6.28) en radians
• triangle(x1,y1,x2,y2,x3,y3) 
• Polygone:
  • On commence avec beginShape([kind])  kind : POINTS, LINES, TRIANGLES, TRIANGLE_FAN TRIANGLE_STRIP, QUADS, ou QUAD_STRIP
  • Plusieurs vertex(x,y,[z]) 
  • On termine avec endShape([mode])  mode : rien ou CLOSE
• Polygone de courbes:
  • On commence avec beginShape([kind])  kind : POINTS, LINES, TRIANGLES, TRIANGLE_FAN TRIANGLE_STRIP, QUADS, ou QUAD_STRIP
  • Plusieurs curveVertex(x,y) 
  • On termine avec endShape([mode])  mode : rien ou CLOSE

1.2  Exemple