Tecnologie Utilizzate

• WebGL con libreria Three.js
• Blender

WebGL con libreria Three.js

Three.js è una libreria/API opensource in JavaScript cross-browser, usata per creare e mostrare animazione in 3D in un Browser.
Three.js consente la creazione di animazioni 3D con accelerazione GPU in unione con gli HTML5 canvas, SVG e WebGL.

Blender

Blender è un software libero e multipiattaforma di modellazione, rigging, animazione, compositing e rendering di immagini tridimensionali.

Modelli Blender

Abbiamo creato in Blender i seguenti modelli:

• Tardis
• Console
• Dalek

Tardis

Console

Dalek

I Daleks sono i antagonisti più importanti e popolari della serie

Funzionalità

• Visuale in First Person
• Interazione con gli oggetti
• Evento "Dalek", script di movimento casuale

Visuale in First Person

• Pointer Lock api

  attraverso queste api dei browser è possibile nascondere il puntatore del mouse e abilitare la FullScreen Mode.

• Libreria di Movimento

  implementato il listener dei tasti w,a,s,d per muoversi e il mouse per la rotazione della visuale.

Interazione con gli oggetti

• Libreria Click

  implementazione del listener del click sinistro, e attraverso la
  posizione del mouse e i vettori ray caster(Three.ray) si riconosce l'oggetto cliccato.

• Cambio Scena

  sensore che riconosce la posizione all'interno della cabina e esegue il cambio scena

Evento "Dalek", script di movimento casuale

cliccando il tasto H, parte questo evento che consiste nel cambio di luci e compare il Dalek, in una posizione casuale.
Abbiamo quindi implementato il movimento del Dalek con uno script che sceglie, ogni due secondi,
un raggio di una circonferenza, che sarà il percorso che seguirà.