¿Quieres registrarte?

Mundo 3D dinámico con CSS y Javascript (DOM)

Por: Coyr
5 de Agosto del 2006
985 de clabLevel
Otros artículos de Coyr
24,768 visitas

Apuesto que no te lo esperabas, sinceramente desconfiaba del vínculo, incluso despues de estar cargando el Demo pensaba que no iba a funcionar. NO es la versión final, pero ya puedes navegar en un entorno 3D completamente hecho con CSS y Javascript, sin lenguajes externos. Claro si quieres trabajar en el projecto solo es que tomes el código y lo trabajes a tu antojo.

3D dinámico CSS y DOM
Demo online (Opera o Firefox)
Descargar [192K]

Enviar a twitter Enviar a facebook


También te interesa


Etiquetas javascript css

Comentarios | Enviar un comentario
Interesante, rústico pero interesante.
Por: xflash
wow, eso si que me ha sorprendido, pero alli estan usando CSS, Javascript y DOM, asi que si están usando programación. Me gusta la idea, según el autor él trató de hacer un juego hace tiempo cuando recien iniciaba en la web, asi que con muchos calculos, y programación logró hacer esto, muy cool.
Por: NEO_JP
una similar, pero estilo FPS :
http://www.abrahamjoffe.com.au/ben/canvascape/
Por: filthyCent_blog
Pues si es en 3D en apariencia y parece muy bueno, ademas que no solo implica saber codigo si no saber lo que se esta haciendo, excelente trabajo... XD
Por: nashCode
Wow, extremadamente bueno pero algo inutil :D
Por: eporroa

xRoa© :

Wow, extremadamente bueno pero algo inutil :D
Ven niños, a esto se le llama ¡¡No tener visión!! y es algo malo. Vean el ejemplo y no sean así cuando grandes.
Por: Freddie
Sorprendente, está genial (y)

Freddie® :

xRoa© :

Wow, extremadamente bueno pero algo inutil :D
Ven niños, a esto se le llama ¡¡No tener visión!! y es algo malo. Vean el ejemplo y no sean así cuando grandes.


XD XD XD XD
Por: XKlibur
Freddie® :

xRoa© :
Wow, extremadamente bueno pero algo inutil Muy Feliz
Ven niños, a esto se le llama ¡¡No tener visión!! y es algo malo. Vean el ejemplo y no sean así cuando grandes.

Estoy de acuerdo con xRoa es Wow ¿pero si mi trabajo es el diseño de gráfico? que rayos hago con <i>eso</i>, es genial ¿pero? hay herramientas para eso ¿verdad? (vrml), pero si es mas facil con CSS, JavaScritp y DOM, en buena hora. XD XD
Por: coreliano_blog
hay otras herramientas como el tag canvas que te permiten dibujar directamente sin necesidad de hacks, que tiene soporte para safari, firefox, opera 9 y (gracias a google y el soporte vml) también ie6 (desconozco si ie7 lo tiene nativo)
mas info: http://en.wikipedia.org/wiki/Canvas_(HTML_element)
Por: boumchak_blog
Excelente el trabajo pero no le veo su aplicación; me gustaría saber el verdadero potencial para sacarle mayor provecho a esta tecnologías.
Gracias
Por: visionarioWeb_blog

visionarioWeb_blog :

Excelente el trabajo pero no le veo su aplicación; me gustaría saber el verdadero potencial para sacarle mayor provecho a esta tecnologías.
Gracias
El "verdadero" potencial depende de , que la fuerza te acompañe. ;)
Por: Coyr
el mundo es proyecto que a creado dios por eso lo tenemos que cuidar
Por: curcuis esta muy buena-bl
GENIAL ME ENCANTO ESTA PAGINA COMO LO HARIAN DURO TRABAJO PERO MUY BUENO
Por: ALU-blog
Hola putos
Por: Julieta Rocha-blog
holaaaaaaaaaaaaaaaa no me gusto
Por: Micaela -blog
vamos, este no ha inventado ahora la rueda.
Esto lo intente yo (como seguramente muchas otras personas) ya que se basa en el mismo funcionamiento con el que se crearon wolfenstein y doom (1 y 2). Pero en la web tiene un grave problema:
-la carga de imagenes.
-lenguaje interpretado por el navegador.

No es lo mismo la carga de imagenes mediante descarga desde un servidor externo desde uno local.

Esto esta muy bien para presentaciones pequeñas no juegos.
Por: necroair-blog
¡¡¡señores, esto si es javascript 3d!!!!:
http://www.nihilogic.dk/labs/wolfenflickr/

pasen y vean, esto no me lo esperaba.
Retiro lo anterior, si se puede....
(ahora me siento un inutil...) :_-(
Por: necroair-blog
Deja un comentario
IMPORTANTE

Recuerda ser respetuoso, no insultes a otras personas, ni uses palabrotas, hay una persona al otro lado de la pantalla.

Habla bien, NO ESCRIBAS EN MAYUSCULA TODO, no escribas como en un SMS, evita cosas como "ke", "x q" y demás abreviaciones.

Aquí funcionan las etiquetas de los foros, puedes usar [b] para negrita, [img] para las imágenes, [url] para los enlaces, etc.

Si tienes preguntas técnicas, envíalas mejor al foro.