inspiration awwwards css design graphics website 3d

css - inspiration - awwwards categories



¿Alguien ha creado un sitio web 3D que funcione en un monitor 3D? (3)

El grupo Khronos está trabajando en un estándar, WebGL, con enlaces javascript en OpenGL y OpenGL ES, para que el navegador y los sistemas integrados puedan usar gráficos 3D y sin necesidad de ningún complemento. AMD, Ericsson, Google, Mozilla, NVIDIA y Opera forman parte del grupo de trabajo.

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

Creo que es mejor usar una pantalla 3D, como 3DS de Nintendo, en lugar de obligar a las personas a usar gafas 3D. En un futuro cercano, seguramente será un área interesante.

Me encontré con este sitio http://www.swell3d.com/ y creo que en el futuro tendremos una nueva palabra publicitaria "sitio web en 3D" que se usa mucho en marketing. Sin embargo, lo que me interesa es cómo crear dichos diseños / diseños. ¿Cómo se aplica ese efecto de aspecto divertido? ¿Hay alguna especificación w3 que describa formas de detectar dispositivos 3D o hay una consulta de medios para dispositivos 3D como:

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

Soy tan curioso.


No creo que los sitios web sean en absoluto 3D en el futuro. El sitio tiene el titular "Experimentos en arte anáglifo"; saca tus conclusiones

En cuanto a la creación de dicho sitio, no creo que CSS te ayude mucho. CSS3 tiene un módulo llamado Transformaciones 3D, pero no hay nada acerca de la representación anaglífica allí.

Sin embargo, crear gráficos anaglifos es tan simple como crear la imagen del ojo izquierdo en un color, la imagen del ojo derecho en otro, y luego sobrepasarlos. CSS puede ayudarlo a crear este efecto para el texto; mira este articulo

En el sitio al que se vincula, el banner en la parte superior se hizo en Flash. El resto son solo imágenes estáticas.


La representación en 3D real tiene que ser una característica del navegador / sistema en sí. Creo que nadie en el futuro escribirá una web 3D, las actuaciones (hablando de la velocidad) serán muy lentas. De hecho, javascript es muy lento para procesar estos cálculos complejos, y el estándar css debe ser revisado.