2010-08-07 17 views
6

Mi sono imbattuto in questo sito http://www.swell3d.com/ e penso che in futuro avremo una nuova parola da hype "sito Web 3d" che viene utilizzata pesantemente nel marketing. Tuttavia, quello che mi interessa è come creare tali disegni/layout? Come è che l'effetto buffo effettivamente applicata - e ce ne sono specifiche W3 che descrivono modi per rilevare 3d-dispositivo o ci sono una media query per dispositivi 3D come:Qualcuno ha creato un sito Web 3D che funziona su un monitor 3D?

@media 3d { 
/* 3d related css... */ 
} 

Sono solo così curiosa.

+3

Il sito Web menzionato non utilizza un monitor 3D, utilizza un monitor piatto e occhiali anaglifici per creare l'effetto 3D. Ci sono tecnologie che funzionano senza occhiali e con un monitor speciale; il catering per tali dispositivi è probabilmente * molto * più complicato rispetto alla creazione di qualcosa come il sito web di riferimento. Tuttavia, la tua domanda rimane interessante. – MvanGeest

risposta

0

Il rendering 3D reale deve essere una funzionalità del browser/sistema stesso. Penso che nessuno in futuro scriverà webite 3d, le performance (parlando della velocità) saranno molto lente. In effetti javascript è molto molto lento per elaborare questi calcoli complessi e lo standard css dovrebbe essere rivisitato.

0

Non penso che i siti Web saranno in alcun modo 3D in futuro. Il sito ha il titolo "Esperimenti in arte anaglifica"; trarre le tue conclusioni.

Per quanto riguarda la creazione di un sito di questo tipo, non penso che CSS ti possa aiutare molto. CSS3 ha un modulo chiamato 3D Transforms ma non c'è nulla riguardo al rendering anaglifico lì.

Tuttavia, la creazione di grafica anaglifica è semplice come creare l'immagine dell'occhio sinistro in un unico colore, l'immagine dell'occhio destro in un altro e quindi sovrastarla. I CSS possono aiutarti a creare questo effetto per il testo; vedi this article.

Sul sito a cui ci si collega, il banner in alto è stato fatto in Flash. Il resto sono solo immagini statiche.

2

Il gruppo Khronos sta lavorando a un WebGL standard, con collegamenti javascript su OpenGL e OpenGL ES, in modo che browser e sistemi incorporati possano utilizzare la grafica 3D e senza la necessità di alcun plug-in. AMD, Ericsson, Google, Mozilla, NVIDIA e Opera fanno parte del gruppo di lavoro.

http://www.khronos.org/news/press/releases/khronos-webgl-initiative-hardware-accelerated-3d-graphics-internet/

Credo che sia meglio usare uno schermo in 3D, come il 3DS di Nintendo, invece di costringere la gente a usare gli occhiali 3D. Nel prossimo futuro questa sarà sicuramente un'area interessante.