Render 3D en Javascript usando canvas
Es impresionante lo que se puede hacer con javascript, desde que re-surgió con AJAX, Javascript se ha vuelto imprescindible en el concepto de las apis web 2.0 ya que ofrecen una interfaz desde el lado del cliente para usar un complejo funcionamiento desde el lado del server.
Esta vez, me sorprendió ver este render 3D totalmente hecho en javascript, usando JSon para comunicarse con el server para traer los modelos. Jueguen un rato con las opciones, pueden administrar el zoom con el + y el -
No se cual podrÃa ser la aplicación concreta de esta implementación 3D, pero me pareció genial y si bien la calidad es relativamente pobre ya que el número de caras y vértices es escueto creo que el objetivo de esto es mostrar que con javascript se pueden hacer más cosas de las que creemos.
6 Comentarios
marcoss
marzo 25th, 2008 at 10:35 am
Ojo, no está generado con JavaScript, el lenguaje es solo el método de manipulación del objeto, en este caso , pero bien podrÃa ser SVG.
marcoss
marzo 25th, 2008 at 10:37 am
Me comió los tags, donde dice “en este caso , pero…” deberÃa decir “en este caso <canvas> , pero”.
Lucas Zallio
marzo 25th, 2008 at 10:46 am
Si marcoss, los modelos ya están generados previamente, sin embargo el render se hace todo con JS. Sea canvas, SVG o cualquier otra cosa que tenga la información necesaria sobre el modelo en 3d, es posible renderizarlo con JS en el lado cliente.
marcoss
marzo 25th, 2008 at 12:13 pm
A lo que voy es a que JavaScript no soporta gráficos de forma nativa, lo que hace es aprovechar la “scriptabilidad” de estos elementos.
O sea, el punto es que el render lo hace el soporte para gráficos que se use, ya sea <canvas>, SVG o incluso puede ser VML (IE) que hace años se usa, JavaScript se comunica con el API de estos elementos soportados (o no) por el navegador, igual que ocurre con el DOM.
Igualmente no hay dudas de que el lenguaje es mucho mas poderoso de lo que se pensaba hace unos años y la atención que ha recibido últimamente sin duda ha beneficiado el desarrollo de extensiones y la natural evolución del mismo.
Lucas Zallio
marzo 25th, 2008 at 12:40 pm
Si marcos, el punto esta clarÃsimo y te agradezco por compartirlo (ya le agrego canvas al tÃtulo). Javascript, en este caso, funciona como el motor 3D de los gráficos generados por el browser con canvas. De todas formas ahora no se me ocurre una buena aplicación para esta tecnologÃa y es inútilmente asombrosa :P.
Hector
abril 17th, 2009 at 2:07 pm
Para paginas de ventas de casas, de construccion, de ciencia hay infinidades de aplicaciones que se le pueden dar, juegos hecho para bowser, bueno en fin es infinito
Lo que hay es que hecharle ganas a el desarrollo de esa tecnologia y que sea libre como blender para poderla utilizar y no depender de otros programas para hacer ese tipo de cosas