Uso di beginShape() ed endShape()

    function setup() {
    createCanvas( 200, 200, WEBGL );
}

function draw() {
    background(200);
    rotateY( frameCount/100 );

    beginShape();
        fill( 255,255,0 );     // giallo
        vertex( 0, -50, 25 );
        fill( 0,255,255 );     // ciano
        vertex( 75, 50, -25 );
        fill( 255,0,255 );     // magenta
        vertex( -75, 50, -25 );
    endShape(CLOSE);
}
  

  /*1*/fill( 255,255,0 )/**/;     
vertex( 0, -50, 25 );

L’istruzione fill() permette di definire un colore diverso per ogni vertice ma può essere usata anche solo all’inizio del beginShape() per ottenere un colore unico.

  fill( 255,255,0 );     
vertex( 0, -50,/*1*/ 25 /**/);

Impostazione delle coordinate z dei vertici.

Per comprendere meglio il posizionamento del triangolo è possibile far disegnare l’asse verticale (y) usando l’istruzione line() con l’aggiunta delle coordinate z:

  line( 0,-100,/*1*/0/**/, 0,100,/*1*/0/**/ );