Posts Tagged: 3d


30
mar 12

La Web Tridimensional : WebGL

No Gravatar

WebGL Es una especificación estándar en desarrollo que permite mostrar gráficos tridimensionales acelerados por hardware en navegadores web sin necesidad de instalar software adicional al navegador (plug-ins).

En realidad es una API para javascript que permite usar OpengGL incorporado en los navegadores.[1]

WebGL utiliza un elemento de HTML5 llamado Canvas el cual permite mostrar gráficos 2D e imágenes de una manera dinámica, canvas consiste de una región dibujable definida en código HTML con los atributos de altura y espesor, el código javascript permite acceder a esa región a través de un conjunto completo de funciones de dibujo 2D, esto es lo que permite generar los gráficos dinámicamente. [2]

Esta especificación es gestionada por el consorcio de tecnología Kronos Group.

http://www.khronos.org/webgl/

Para comenzar hay unos muy buenos tutoriales para aprender a usar WebGL [3], que son referencia obligada para entender como funciona esta tecnología.

Para acelerar las cosas existe una biblioteca 3D en javascript llamada three.js, la biblioteca provee <canvas>, <svg> y render WebGL.[4] creada por mrdoob : https://github.com/mrdoob

demos

Demos de mrdoob

En esta biblioteca se incluyen funcionalidades para manejo de camaras (ortografica y perspectiva), funciones para manejar la geometria, el color, vertices, splines, matrices, luces, materiales, objetos (esqueletos, modelos, modelos animados, particulas, etc), renders (canvas, dom, svg, webgl), escenas, texturas y muchas otras mas : http://mrdoob.github.com/three.js/docs/48/#Camera

Y este es un ejemplo de un trabajo muy bueno usando esta tecnología Web3D.

http://www.ro.me/

Una cuestión interesante sobre WebGL es que es un estandar que ha sido adoptado para integrarlo en las nuevas versiones de los navegadores web de Google (chrome) y Mozilla (firefox) incluso de Apple (safari) pero no así en internet explorer de Microsoft pues menciona cuestiones de seguridad para no hacerlo. Por el momento WebGL sigue avanzado.

Nota:

“Los gráficos vectoriales escalables (svg) es una especificación para describir gráficos vectoriales bidimensionales estáticos o anímados en formato xml.” [5] 

Referencias:

[1]http://en.wikipedia.org/wiki/Canvas_element


[2]http://en.wikipedia.org/wiki/WebGL


[3]http://learningwebgl.com/blog/?page_id=1217


[4]https://github.com/mrdoob/three.js/


[5]http://en.wikipedia.org/wiki/Scalable_Vector_Graphics


[6]http://es.wikipedia.org/wiki/Khronos_Group

Imagen y demos:

http://mrdoob.github.com/three.js/


http://mrdoob.com/


http://alteredqualia.com/

Compartir y Disfrutar

  • Facebook
  • Twitter
  • Delicious
  • Digg
  • StumbleUpon

16
mar 12

Mundos Virtuales

No Gravatar

Desde hace mucho tiempo me interesa el desarrollo de aplicaciones 3D supongo que fue por ver muchas peliculas de ciencia ficción en especial “El jardinero, asesino inocente” y Tron, también creo que por leer artículos de una revista que colecciono de hace mas tiempo, en especial un número de 1995 que habla sobre los próximos 100 años de la tecnología. En este número mencionan “En la sociedad del conocimiento, buena parte de nuestra vida transcurrirá en mundos sintéticos y hasta buscaremos pareja en ellos. Las computadoras imitarán el cerebro humano, habrá granjas moléculares, llevaremos tarjetas de crédito bajo la piel y unos microrrobots se encargarán de quitar el polvo a la computadora cuando la apaguemos” [1]

Los primeros acercamientos a esta area que tuve fue con un libro de 1997 llamado Realidad Virtual. Construcción de Proyectos de Joe Gradecki.

“Los mundos virtuales son lugares donde experimentamos nuevas realidades. Contienen todos los objetos que podemos ver y manejar. Nos permiten además, experimentar cosas que no son posibles en el mundo real” [2]

“Un verdadero programa de realidad virtual debe contener dos componentes:

  1. El punto de vista de un usuario en primera persona que debe realizar movimientos completos a voluntad en tiempo real.
  2. La capacidad de visualizar y modificar el entorno virtual en tiempo real” [3]

Con el tiempo pude realizar algo relacionado con los objetos virtuales cuando conocí VRML (Virtual Reality Modeling Language)

En español “Lenguaje para Modelado de Realidad Virtual” curiosamente su primera especificación fue publicada en 1995.

http://en.wikipedia.org/wiki/VRML

Silicon

Primer acercamiento a web 3d con vrml 1999

Después vinieron los Proyectos 3D con OpenGL , Mesa,  Blender, Maya y mas recientemente

3D Studio,  GLScene y actualmente NeoAxis pero afortunada o desafortunadamente en desarrollos de escritorio.

Los primeros mundos virtuales que conocí vivian en la web, en internet, así que va siendo hora que

continuemos con el principio. “El final es en donde parti” dice una canción de La Renga.

http://www.youtube.com/watch?v=ozC9hETOt2I

Así que desde hace tiempo he estado aprendiendo un poco sobre WebGL y en un futuro no muy lejano espero tener algunas aplicaciones.

WebGL: Es una especificación estándar que está siendo desarrollada actualmente para mostrar gráficos en 3D en navegadores Web.

Los mejores ejemplos en Chrome Experiments http://www.chromeexperiments.com/tag/webgl/

 

Referencias :

[1]: Muy Interesante Especial Los próximos 100 Años. P 27.
[2,3]: Realidad Virtual Construcción de Proyectos. Joe Gradecki. 1997 AlfaOmega. P 2. y P 3

Mas Info : http://www.popsci.com/archive-viewer?id=S812DHiH7dUC

Bonus :   The Popular Science Archive Explorer

Compartir y Disfrutar

  • Facebook
  • Twitter
  • Delicious
  • Digg
  • StumbleUpon

31
ene 12

Probador virtual, el futuro de las compras

No Gravatar
Intellifit

http://www.uniquescan.com/

Uno de estos fines de semana paseaba por una tienda de la ciudad para buscar algo de ropa, sorpresa fue la que me llevé al encontrar una cabina muy grande llamada  Probador Virtual.

Muy excéptico al inicio me quedé a ver como funcionaba o de que trataba, hasta ese momento nadie se atrevía a entrar por lo que mientras llegaba alguien para experimentar, mi mente empezaba a imaginar como era su funcionamiento. Rato después llegaría una niña, el operador de la máquina dió unas cuantas instrucciones, la niña entró a la cabina y 20 segundos después salió del provador.. seguido de esto el operador dió una lista de aproximadamente 60cm (creo) y tan tan.. así termino todo.

Investigué un poco sobre la máquina y averigué que se trata de un scanner 3D que toma la figura del cuerpo obteniendo medidas para luego ofrecer una lista de posibles tallas que estan disponibles en la tienda.

Las específicaciones técnicas del aparato son las siguientes:

  • Informa de medidas instantáneo
  • Precisión de 1 cm
  • Análisis en 20 seg.
  • 7′ de diámetro por 8′ de altura
  • Captura mediante un infrarojo que proyecta 200,000 puntos

En realidad la idea suena muy innovadora, además de conocer las medidas casi exactas del cuerpo.. lo promocionan en estas tiendas  diciendo que ahorrarás tiempo buscando ropa ya que con las medidas obtenidas y las posibles opciones de ropa para esas medidas el tiempo de búsqueda se reduce enormemente.. aunque estoy un poco en desacuerdo, ya que entra el criterio de “si me gusta o no me gusta, si el color es el que busco o no” .. y aun más importante, suele ocurrir muchas veces que las tallas varían de acuerdo a las marcas..

Mi idea de probador virtual era más como un aparato el cual ayudara a probar ropa de manera virtual.. algo así como un vestidor simulado.. imaginaba algo más cercano a la realidad aumentada, viéndome en una pantalla y teniendo opciones de ropa que podría utilizar. Un video que encontré en Youtube puede darles una mejor idea de lo que esperaba.

Ya anteriormente había leído algo similar aunque nunca había estado cerca de un aparato de estos.. Sé que estas cosas las estan haciendo también con kinects.. y en youtube encontrarán muchos videos similares.

Compartir y Disfrutar

  • Facebook
  • Twitter
  • Delicious
  • Digg
  • StumbleUpon

13
ene 12

Desarrollo de aplicaciones para ambientes tridimensionales

No Gravatar

Una de las aplicaciones que hemos desarrollado tiene que ver con la visualizacion de ambientes tridimensionales, y realiza entre otras cosas navegación, despieces y simulaciones y permite el control documental de proyectos, este desarrollo es una segunda versión mejorada de otro sistema que anteriormente hicimos con un motor gráfico llamado Glscene, para Delphi.

Para mejorar la nueva versión recurrimos a un motor gráfico con mejores caracteristicas (NeoAxis) y nos trasladamos a Visual Studio para desarrollar con C#, el motor gráfico que utilizamos cumplió con las espectativas, se mejoró el tiempo de carga de los modelos 3d al utilizar un formato más compacto en los modelos, permitió tener mayor cantidad de objetos y escenarios en una misma escena, además de otras caracteristicas que el anterior motor no tenia.

“NeoAxis Game Engine” es un moderno motor grafico 3D para simulaciones 3D, visualizaciones y juegos.

Este motor que utilizamos es una excelente herramienta para desarrollar aplicaciones 3d de alto impacto.

Algunas de sus caracteristicas son :

  • Las aplicaciones creadas con NeoAxis pueden correr en Windows, Mac y Linux
  • Tiene varias herramientas tales como Editores : Objetos, de GUI, de Mapas,
  • de Modelo Físico, de Terreno,de Sistema de Partículas, para calcular Luces Estaticas.
  • Importa modelos y texturas de 3D Studio Max, Maya, Softimage, XSI, Blender.
  • API de programación basada en .Net y lenguaje C#
  • Efectos especiales (efectos de partículas, Animación, etc)
  • Manejo de Luces, manejo de materiales, efecto de agua
  • Efectos de Física ( Cuerpos rigidos, Uniones, Vehículos, soporta NVIDIA PhysX y ODE)
  • Soporte para Red(Multijugador, Servidor dedicado)
  • Manejo de dispositivos de entrada
  • Como joysticks, Kinect, controladores Xbox 360 .
  • Desarrollo Web (a través de NeoAxos Wen Player) usando los navegadores web mas conocidos
  • Lo más importante, cuenta con un desarrollo constante y el soporte del equipo de desarrollo y muy buena documentación.

http://www.neoaxis.com/

Esta imagen  del sitio de NeoAxis muestra una aplicación para la simulación de accidentes en fábricas (un ejemplo de lo que se puede hacer con el motor), este ejemplo es un poco similar a lo que hemos estado desarrollando.

Aplicaciones como esta son posibles de desarrollar por el equipo de Qbit Mexhico.

 

Compartir y Disfrutar

  • Facebook
  • Twitter
  • Delicious
  • Digg
  • StumbleUpon

11
feb 09

Una nueva herramienta en desarrollo SICAP

No Gravatar

SICAP es una herramienta de colaboración para llevar el control, manejo y ejecución de proyectos de construcción civiles, hidroelectricos, mecanicos e hidráulicos.. El sistema como tarea básica es el encargado de administrar la documentación completa desde que se inicia un proyecto hasta su fin..

Puede que esto nos mantenga ocupados un par de meses, esta desarrollado para la web.. Realizado con C# para ASP.NET y componentes de DevExpress es una chulada visual.. Quizás con algo más de tiempo mientras se continua trabajando en su desarrollo podamos filtrar algunas capturas de pantalla..

Usando un potente motor de BD (Oracle) y como complemento el desarrollo de modelos tridimensionales por ahora solamente como aplicación de escritorio (quizas en un futuro para la web con cualquier engine 3D de flash), es una herramienta muy completa.. competitiva y confiable.. jejeje.!! vaya comercial el que me he lanzado.. n_n

, , , , , , , , , , ,

Compartir y Disfrutar

  • Facebook
  • Twitter
  • Delicious
  • Digg
  • StumbleUpon

7
feb 08

Inmuebles en 3D para Web

No Gravatar

Hace unos meses visitando la página de Blender www.blender.org como es costumbre, descargue los videos de las conferencias del 2006, en otro post mencionare mas sobre este programa de creación de contenidos 3D, lo que me interesa mencionar en esta ocasión es sobre un proyecto que surgió a partir de una de estas conferencias, el tema: Creating impressive Web3D content based on the open standards X3D or VRML.

Al investigar y al estar revisando la información disponible sobre la creación de contenido 3D para Web surgió la idea de hacer un proyecto de este tipo. Cabe mencionar que en proyectos anteriores, el Equipo de Desarrolladores de Dcod ha creado aplicaciones relacionadas al ambiente tridimensional, así que para extender nuestro conocimiento 3D al campo de desarrollo de Internet, esta conferencia resulto mas que interesante.

Como se menciono anteriormente, comenzamos a desarrollar un portal de búsqueda de inmuebles llamado busquesucasa, en el cual las personas que desean vender o rentar sus inmuebles pueden colocar sus anuncios con fotografías pero por qué no también, un anuncio tridimensional de su casa, oficina o inmueble?, bueno pues de eso se trata precisamente:

Aunque el proyecto aun esta en etapa de pruebas y requiere de una inversión para poder ofrecerlo a los potenciales clientes, el objetivo es desarrollar y ofrecer una maqueta tridimensional de casas o cualquier otro inmueble que permita darle una publicidad novedosa y eficiente a los anuncios. Esta maqueta tridimensional en web requiere de la instalación de software de terceros, por lo que para Dcod será de un gran avance en el futuro desarrollar este tipo de software para web.

El desarrollo de visitas virtuales en los departamentos y casas esta orientado hacia las inmobiliarias o aquellas personas que deseen un diseño en 3D de sus inmuebles de acuerdo a sus propias necesidades. Si usted desea un desarrollo similar, puede contactarnos en info(-)qbit.com.mx con gusto le atenderemos.

Compartir y Disfrutar

  • Facebook
  • Twitter
  • Delicious
  • Digg
  • StumbleUpon

Qbit Mexhico Blog is using WP-Gravatar