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()
).