Impostazione della videocamera

Muovere il mouse sopra il canvas.

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

function draw() {
   background(200);
   noStroke();
   ambientLight( 100,100,200 );
   pointLight( 96,212,96, -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 );

Cambia la posizione della videocamera seguendo quella del mouse e tenendo conto che il cursore ha come origine l'angolo in alto a sinistra: -100,-100 in un canvas 3D di 200x200 px.
Gli altri parametri corrispondono alle coordinate del target e al vettore di orientamento della parte alta della videocamera.

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.

Approfondimenti: