"beginShape();/ vertex(); endShape();" - Processing

ID	Autor	Duplicat din	Ultima modificare
`#343`	Candale Silviu (silviu)	-	Sambata, 18 iun 2016, 17:49

Pentru a desena forme complexe putem folosi o combinație din trei funcții. Cu beginShape(); începem desenarea formei, construim vârfurile formei folosind în mod repetat vertex() și finalizăm forma cu ajutorul funcției endShape();.

beginShape(MOD) începe forma. Parametrul MOD este opțional; el definește tipul formei și poate fi: POINTS, LINES, TRIANGLES, TRIANGLE_FAN, TRIANGLE_STRIP, QUADS, și QUAD_STRIP. Dacă parametrul MOD nu apare se va desena un poligon.
vertex(x, y); construiește un vârf al formei în punctul de coordonate (x,y) al pânzei.
endShape(MOD); finalizează forma. Parametru MOD este opțional și poate fi CLOSE – se desenează și ultima latură a formei, între ultimul vârf construit și primul vârf construit. Dacă parametru lipsește, ultima latură nu se desenează.

function setup() {
	createCanvas(400, 400);
  	noLoop();
}

function draw() {
  	fill("lightgreen");
	beginShape();
  	vertex(100, 10);
  	vertex(150, 35);
  	vertex(150, 85);
  	vertex(100, 110);
  	vertex(50, 85);
  	vertex(50, 35);
  	endShape(CLOSE);
  
  
  	beginShape();
    vertex(30, 120);
    vertex(85, 120);
    vertex(85, 175);
    vertex(30, 175);
    endShape();

    beginShape(POINTS);
    strokeWeight(10);
    vertex(130, 120);
    vertex(185, 120);
    vertex(185, 175);
    vertex(130, 175);
    endShape();

    strokeWeight(1);
    beginShape(LINES);
    vertex(230, 120);
    vertex(285, 120);
    vertex(285, 175);
    vertex(230, 175);
    endShape();
  
  	beginShape(TRIANGLES);
    vertex(30, 275);
    vertex(40, 220);
    vertex(50, 275);
    vertex(60, 220);
    vertex(70, 275);
    vertex(80, 220);
    endShape();

    beginShape(TRIANGLE_STRIP);
    vertex(130, 275);
    vertex(140, 220);
    vertex(150, 275);
    vertex(160, 220);
    vertex(170, 275);
    vertex(180, 220);
    endShape();

    beginShape(TRIANGLE_FAN);
    vertex(257.5, 250);
    vertex(257.5, 215); 
    vertex(292, 250); 
    vertex(257.5, 285); 
    vertex(222, 250); 
    vertex(257.5, 215); 
    endShape();
  
  	beginShape(QUADS);
    vertex(30, 320);
    vertex(30, 375);
    vertex(50, 375);
    vertex(50, 320);
    vertex(65, 320);
    vertex(65, 375);
    vertex(85, 375);
    vertex(85, 320);
    endShape();


    beginShape(QUAD_STRIP);
    vertex(130, 320); 
    vertex(130, 375); 
    vertex(150, 320);
    vertex(150, 375);
    vertex(165, 320); 
    vertex(165, 375); 
    vertex(185, 320);
    vertex(185, 375); 
    endShape();

    beginShape();
    vertex(220, 320);
    vertex(240, 320);
    vertex(240, 340);
    vertex(260, 340);
    vertex(260, 360);
    vertex(220, 360);
    endShape(CLOSE);
}