Uso delle primitive grafiche 3D

P5.js prevede anche la possibilità di disegnare piani nello spazio 3D.

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

function draw() {
    background(200);

    rotateY( frameCount/100 );
    plane( 100, 100 );
}
  

  createCanvas( 200, 200, /*1*/WEBGL/**/ );

Costante da usare per attivare la visualizzazione in 3D.

  rotateY( frameCount/100 );

Permette di far ruotare continuamente le coordinate di riferimento sull’asse verticale.

  plane( 100, 100 );

Disegna un piano di 100x100 pixel frontale (che però verrà visualizzato con l’angolazione impostata dall’istruzione rotateY()).