Uso delle primitive grafiche 3D

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

// height=200 lines=auto
function setup() {
    createCanvas( 200, 200, WEBGL );
}

function draw() {
    background(200);

    rotateY( frameCount/100 );
    plane( 100, 100 );
}
createCanvas( 200, 200, 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()).