3D in Javascript utilizzando canvas

Martedì 31 Marzo 2009 - 08:12

di Sandro Paganotti

Scripting

Navigando all’interno di Chrome Experiments non ho potuto non notare le magnifiche demo 3D create da Satoshi Ueyama utilizzando Javascript e l’elemento canvas.

Spinto dalla curiosità mi sono addentrato nel blog dell’autore trovandovi un post molto interessante (e fortunatamente parzialmente tradotto anche in inglese) sulla tecnica di Texture Mapping utilizzata per creare il suddetto esperimento.

Al termine dell’articolo ho inoltre scoperto con piacere una demo aggiuntiva composta da un singolo cubo rotante, ottima per chiunque intenda studiare il codice che sottende questa promettente implementazione di grafica 3D in Javascript.

Tags:

Categoria: Scripting | Permalink

Commenti

1

fantastico ! Non credevo ci si potesse spingere così lontano.

Si aprono scenari inquietanti, non passerà molto dal rilascio del primo framework 3d canvas :) :)

# - postato da Luglio7 - 31 Marzo 2009 - 11:56

2

Io non sarei così contento se soffrissi di epilessia.

# - postato da @rchie - 31 Marzo 2009 - 14:14

3

ma che risposta è?

Ovvio che una cosa del genere non la utilizzerei praticamente mai, e se anche trovassi il pretesto non preferirei flash.

Semplicemente non credevo fosse possibile una cosa del genere con i canvas e siccome la tendenza è quella di spremere javascript fino all’osso (sacro) sarei pronto a scommettere che entro un anno vedremo un framework dedicato al 3d.

# - postato da Luglio7 - 31 Marzo 2009 - 17:01

4

intendevo dire “se anche trovassi il pretesto preferirei flash.”

# - postato da Luglio7 - 31 Marzo 2009 - 17:01

5

@Luglio7: Condivido, anche io sono rimasto molto sorpreso dalle potenzialità offerte da questo tag HTML e non vedo così impossibile lo scenario che dipingi, già adesso il canvas incomincia ad essere usato come (pallido) sostituto del flash (vedi ad esempio ProtoChart).

# - postato da Sandro Paganotti - 31 Marzo 2009 - 20:05

6

spettacolare!!

non credo che si arriverà mai ad utilizzare canvas per il 3D avanzato, ma per la visualizzazione di grafici e qualche effetto stile coverflow…

il contributo più importante di questi esperimenti però è che ti fanno rendere conto di quanto sia potente l’elemento canvas…

# - postato da Valentino - 31 Marzo 2009 - 23:16

7

non riesco a visualizzare gli esempi con IE7, è normale?

# - postato da Francesco - 01 Aprile 2009 - 09:37

8

@francesco
beh il sito si chiamerà chrome experiments per qualcosa no ? :)

# - postato da Luglio7 - 01 Aprile 2009 - 12:51

Inserisci il tuo commento:





(puoi usare i seguenti tag HTML per formattare il testo -
a href, b, i, br/, p, strong, em, ul, ol, li, blockquote, pre):

 

Anteprima del commento