Comunidad de diseño web y desarrollo en internet online

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

Por Coyr el 05 de Agosto de 2006 con 41,627 visitas

HTML, CSS y Javascript Otros tutoriales por Coyr.

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]

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Envia un comentario (18)

Por xflash el 05 de Agosto de 2006

Interesante, rústico pero interesante.
Por NEO_JP el 05 de Agosto de 2006

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 filthyCent el 05 de Agosto de 2006

una similar, pero estilo FPS :
http://www.abrahamjoffe.com.au/ben/canvascape/
Por nashCode el 05 de Agosto de 2006

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...
Por eporroa el 05 de Agosto de 2006

Wow, extremadamente bueno pero algo inutil
Por Freddie el 05 de Agosto de 2006

xRoa© :
Wow, extremadamente bueno pero algo inutil
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 XKlibur el 05 de Agosto de 2006

Sorprendente, está genial

Freddie® :
xRoa© :
Wow, extremadamente bueno pero algo inutil
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 coreliano el 05 de Agosto de 2006

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.
Por boumchak el 06 de Agosto de 2006

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 visionarioWeb el 16 de Agosto de 2006

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 Coyr el 16 de Agosto de 2006

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 tí, que la fuerza te acompañe.
Por curcuis esta muy bue el 02 de Julio de 2008

el mundo es proyecto que a creado dios por eso lo tenemos que cuidar
Por ALU el 18 de Enero de 2009

GENIAL ME ENCANTO ESTA PAGINA COMO LO HARIAN DURO TRABAJO PERO MUY BUENO
Por Julieta Rocha el 13 de Mayo de 2009

Hola putos
Por Micaela el 13 de Mayo de 2009

holaaaaaaaaaaaaaaaa no me gusto
Por necroair el 09 de Noviembre de 2009

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 el 12 de Noviembre de 2009

¡¡¡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 @albertDesinger el 04 de Agosto de 2012

jaja hay gente tan ingenua . de verdad que no , saben ver y valorar el esfuerzo que hacen los demas, amigo te felicito , no me imagine , no se me pasaba por la cabesa crear ambiente 3d asi como lo haces, soy diseñador web con 3 años de experiencia , y de verdad me impresiona , actualmente, tambien estoy intentando crear ese ambiente, claro paraun juego de carrera de carros , basica , @albertDesinger ese es mi twitter por si me quieres echar una mano , te felicito

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

Publica tu comentario

o puedes...