DORCHESTER3D

Three.js la libreria grafica 3D Javascript/WebGL

Inserito: dic 22, 2014

Da molto tempo mi interesso alla grafica 3D. L'interesse è iniziato con i giochi 3D. Molto tempo fa, quando le schede grafiche 3dfx erano popolari, abbiamo avuto un assaggio di ciò che la grafica 3D con accelerazione hardware poteva ottenere su un sistema operativo basato su Windows.

Da allora i produttori di hardware si sono impegnati a costruire hardware sempre più performante. Con l'avvento di Html5 e WebGL possiamo sperimentare grafica 3D complessa in un ambiente web.

È vero che ci sono stati plug-in del browser (Flash Shockwave, Silverlight, Java) che sono stati in grado di generare 3D in un browser, tuttavia il supporto tra diversi browser e piattaforme è stato misto (iOS è il principale).

Quindi, ora che l'adozione di WebGL come standard web sta diventando sempre più diffusa (sì, è stato recentemente aggiunto a iOS 8!), abbiamo finalmente un mezzo per generare 3D complessi in un browser web. Penso che questo abbia il potenziale per spingere finalmente il web nella terza dimensione.

Con il supporto per WebGL in crescita, abbiamo dato un'occhiata a una delle migliori librerie grafiche WebGL in circolazione:tre.js. Qui daremo uno sguardo ad alcune delle migliori demo di three.js che possiamo trovare:

1. Samsung Racer

Questa è una demo di un'auto da corsa di Formula 1 che mostra un'auto di F1 solitaria che corre in giro. Facendo clic sull'auto si modifica l'angolazione della telecamera.

Demo Samsung Racer 3D

È possibile visualizzare la demo Qui.

2. Luci

Guarda la grafica ballare al ritmo della musica. Usando il mouse controlla la direzione della luce principale.

Dimostrazione delle luci 3D

È possibile visualizzare la demo Qui.

3. Mangia apposta

Questo è un piccolo gioco/demo. Puoi controllare il personaggio, saltando nel mondo 3D.

Kai'Opua Demo

È possibile visualizzare la demo Qui.

4. La serie divergente

Ecco un sito web interattivo per un trailer del prossimo film "The Divergent Series".

La demo della serie divergente

È possibile visualizzare la demo Qui.

5. Città dei droni

Vola attraverso una città infinita attraverso gli occhi di un drone.

La città dei droni

È possibile visualizzare la demo Qui.

Se hai creato una demo WebGL o un sito Web interessante che utilizza WebGL, faccelo sapere.

Invia un commento

© 2024 dorchester3d.com