Impostazione della videocamera

Muovere il cursore del mouse sopra il canvas.

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

function draw() {
   background(200);
   noStroke();
   ambientLight( 100,100,200 );
   pointLight( 128,255,128, -60,0,90 );

   camera( mouseX-100,mouseY-100,200, 0,0,0, 0,1,0 );

   cone( 40, 120 );
}

camera( mouseX-100,mouseY-100,200, 0,0,0, 0,1,0 );

Sposta la videocamera seguendo la posizione del mouse tenendo conto che il cursore ha come origine l'angolo in alto a sinistra (nel caso specifico: -100,-100).

Gli altri parametri (coordinate del target e del vettore di orientamento della parte alta della videocamera) sarebbero facoltativi ma con la versione 0.6.0 di p5.js sembrano necessari.

Altre impostazioni relative alla modalità di visualizzazione si possono modificare attraverso le istruzioni perspective() e ortho().

Un modo veloce per far spostare il punto di vista con il mouse è inserire l'istruzione orbitControl() (invece di camera()) prima delle istruzioni di disegno.