¿Cómo empezar desde 0 con Realidad Aumentada?

31 de julio de 2010 · Tutoriales · 102363 Visitas ·

Este artículo pretende dar una visión general sobre lo que es la Realidad Aumentada y cómo empezar a desarrollar aplicaciones relacionadas a esta fantástica tecnología. Pero primero, vamos a ver algunos conceptos básicos.

  1. ¿Qué es la Realidad Aumentada?

    La Realidad Aumentada  es una tecnología que esta arrasando con la forma de ver nuestro mundo. Esta combina el mundo real con el mundo virtual por medio de una webcam -a que no te imaginabas que tu web cam serviría para algo mas que Messenger o Skype-, de esta forma se enriquece la experiencia visual y se mejora la técnica de aprendizaje.

  2. ¿Qué necesito para empezar con Realidad Aumentada?

    • Monitor del computador (o alguna pantalla que lo reemplace): instrumento en donde se verá reflejada la suma de lo real y lo virtual, elementos que conforman la Realidad Aumentada.
    • Cámara Web: dispositivo que toma la información del mundo real y la transmite al software de Realidad Aumentada.
    • Software: programa que toma los datos reales y los transforma en Realidad Aumentada. En esta sección se utiliza cualquier software de modelado 3D (yo utilizo el 3DsMax), además, hago uso de las librerías de FLARToolKit, aunque debemos saber que existen variaciones para Java, C++, Processing y otros lenguajes. De ese modo, FLARToolKit son para mí las librerías más fáciles de usar y para modificarlas, uso Flex o Flash y así editar los archivos de ActionScript.
    • Marcadores: los marcadores básicamente son hojas de papel con símbolos que el software interpreta de manera que al ser reconocido por la webcam realiza una respuesta específica (mostrar una imagen 3D, hacerle cambios de movimiento al objeto 3D que ya este creado con un marcador, mostrar un video, etc.).Como ves la realidad aumentada no es una tecnología que requiera ser un experto, de hecho con algunos conocimientos de programación y de diseño se pueden hacer grandes cosas.
  3. Librerías

    Como  mencionaba arriba, usaremos FLARToolKit, librerías encargadas entre muchas otras cosas de calcular la posición virtual (esto es, en el computador) en el espacio 3D de nuestro marcador, así mismo mostrará el elemento que le hayamos asociado para ser desplegado. Gracias a que FLARToolKit (FLash Aumented Reality Tool Kit) está basado en Flash, necesitaremos Flash o Flex (gratuito para uso no comercial) para programar y FlashPlayer y FlashDebuger.

  4. ¡Empecemos de una vez por todas!

    Descargaremos el starter-kit de la página web de Saqoosha (quien convirtió las librerías padre de FLARToolKit a Flash, además, para un tutorial más exhaustivo de cómo descargar las últimas librerías por favor ir a ¡Empecemos! Primeros Pasos). Lo que encontraremos en este archivo será entre otras cosas lo siguiente:

    Abre por favor la carpeta Data, verás dentro un PDF que lleva el nombre de flarlogo-marker, que contiene una imagen como esta:

    Regresa por favor a la carpeta anterior y abre el archivo Earth.swf o SimpleCube.swf, saldrá un recuadro negro que te preguntará si aceptas el acceso a tu webcam, das click en aceptar, se activará la webcam, pones el papel que acabas de imprimir y verás algo así, en el caso de Earth.swf:

Para seguir con esta guía, puedes hacer uso del primer videotutorial de ZoiX, que muestra cómo podrás editar los ActionScript para conseguir poner el modelado 3D que desees.





Comentarios

94 Comentarios para “¿Cómo empezar desde 0 con Realidad Aumentada?”


  1. Estimado Carlos,
    Gracias por compartir tus conocimientos priemro que nada. Te cuento que yo estoy recién interiorizándome en la RA. Trabajo en plataforma MAC.
    Cualquier cosa te podré escribir para que me orientes?.
    Me envias tus datos pr favor?
    Saludos y Gracias.
    Pablo Escobar

  2. Sebastian Ossa dice:

    Queria preguntar si ya trabaja la RA sin el patron clasico o este que muestran aqui.

    gracias

    • ZoiX dice:

      Hola Sebastián,

      RA sí trabaja con detección de color, detección de hullas digitales, detección facial, detección de movimiento, etc. En cuanto a imágenes que creo que es a donde va enfocada tu pregunta, la mayoría son librerías de pago, la única que conozco gratuita es la de Julian Oliver.

    • luis carrizo dice:

      si de algo te sirve puedes crear los patrones que a ti te gusten con un software libre llamado MK_patt

  3. BetoYanez dice:

    Saludos Carlos, no sé que sucede pero al activar mi camara de sale solamente negro, también trabajo en mac, pero es raro que para este tipo de actividad mi camara no quiere funcionar!!

    • luis carrizo dice:

      hola beto yo lidie por dias con ese problema , y encontre que algunas tarjetas graficas traen un dll que identifica su salida de video como una capturadora o camara, en el caso de la mia se llama gamer osd sirve para gravar cuando juego, le desinstale eso y listo ya solo quedava la camara usb

  4. walter dice:

    que tal, estaba pensando si ademas de un cubo o una esfera tambien se puede cargar una imagen de una persona grabada con fondo verde o azul.
    desde ya muchas gracias por tu aporte

    • luis carrizo dice:

      crealo en 3dsmax o blender a tu gusto o bajatelo gratuitamente hay muchas paginas de modelasdos ya hechos , solo abrelo con estos programas y exportalo a un formato compatible

  5. Eduardo dice:

    Hola amigo, ando haciendo una investigación para un proyecto escolar pero no encuentro info de flartoolkit y de papervision3d, tendrás alguna info que me puedas brindar o algunos pdfs de preferencia en español en verdad te agradecería mucho tu ayuda.

    Slds.

  6. [...] This post was mentioned on Twitter by Usted Está Aquí 2.0, Sergio Jara. Sergio Jara said: realidad aumentada desde cero #hagaloencasa http://j.mp/gzim4X #ccentral [...]

  7. remaster dice:

    Hola y en linux como podría llevarlo a cabo?! conosco aplicaciones pero no he conseguido cambiar los modelos 3D de antemano gracias!!

    • ZoiX dice:

      @remaster, eso depende de las librerías que estás usando. En linux puedes correr bastantes y cada una tiene una manera diferente de modificar/añadir modelados 3D. ¿Cuáles usas?

      • remaster dice:

        Por ahora no entiendo muy bien del tema pero instale ATOMIC Authoring Tool y cargo el modelo pero al momento de darle Run no sucede nada (Anteriormente use este programa y no me daba ningún problema hasta ahora), uso el ArtToolKit y me da errores también.

  8. jesus dice:

    toda la explicacion esta clara pero yo necesito trabajar con la libreria nyartoolkit en java de eclipse y yo necesito un manual que me diga como incluirla ,como utilizarla y el cogigo que debe ir en java para crear marcadores entre otras cosa lo que pasa es que esto es nuevo para mi y yo necesito hacerlo tengo conceptos pero no el manejo de esto gracias espero que me ayuden…………..=)

  9. hola ZoiX una pregunta la empresa para la que trabajo me pidio que investigara sobre relidad aumentada soy desarrollador pero tengo una pregunta si deseo desarrollar RA para mobiles las librerias de flash me servirian o debo usar otras librerias, lei ke el nyartoolkit tiene una version para android pero obiamente no me puedo limitar a ese OS especialmente por ke en colombia mucha gente usa iphones, la verdad estoy saltando de un lado para otro leyendo mucho pero no se realmente que sirve o no para el proposito final, pero me encontre con este blog y me parecio muy interesante, y se nota ke tienen mucha experiencia en el desarrollo de RA les agradeceria cualquier concejo ke me puedan dar.
    gracias.

    • ZoiX dice:

      Hola :)
      Bueno, inicialmente te digo que no te serviría Flash, si sugieres no intentar con NyARToolKit, entonces puedo decirte que como alternativa tienes Layar, Junaio, String…
      Si quieres mira por acá: link. Saludos ;)

  10. satchel dice:

    hola,muy buen aporte… soy nuevo en esto,apenas estoy comenzando.mi pregunta es aparte del FLARToolKIT que mas debo instalar ?

  11. Julian dice:

    Hola Zoix, primero que todo muchas gracias por todo lo que han compartido en este sitio, he aprendido bastante gracias a eso, estoy trabajando con la libreria de Marilena para reconocimiento facial y queria preguntar si es posible cambiar el fondo que esta viendo la camara, para colocar una imagen propia, cosa que quede solo la persona mas lo que yo coloco en AR y una imagen remplazando el fondo, de nuevo muchas gracias por todo.

    • Rocke dice:

      Hola Julian, no soy experto en esto pero creo que una manera de lograrlo, es poniendo otro marcador detrás de la persona; es decir la targeta que leera tu webcam, y la imagen que lea debera ser si lo deseas en 2D pero con grandes dimenciones para que cubra la pantalla. En string para ipad hay un marcador de una pared que cubre casi toda la pantalla y de enmedio sale un dragon…te dejo un el link para que te des una idea…suerte!… poweredbystring.com

      • Julian dice:

        Hola rocke, muchas gracias por la respuesta, en realidad solucione el problema utilizando la clase bitmap data de AS3 para lograr hacer el croma de un color, apenas tenga un poco de tiempo compartire un ejemplo con la comunidad, de nuevo gracias por la respuesta y por la ayuda.

  12. alvaro muñoz dice:

    hey, me parecio muy interesante, yo trabajo con 3D y quería saber si es posible hacer esto mismo en processing!! ?

  13. Hola, de verdad te felicito por este sitio, era justamente lo que estaba buscando. Ahora bien tengo una gran duda:

    hice todo lo que dice el tuto incluso funciona a la perfección cuando lo veo desde FLEX, pero si lo publico en mi web no funciona, es decir, abre flash solicitando acceso a la cámara, pero ahí no reconoce el marker, incluso si cambio todo el proyecto web a otra carpeta local tampoco funciona… hay que hacer algo especial?

    Espero tu pronta respuesta

  14. German dice:

    Hola, no entiendo con que tengo que abrir los archivos .as tengo instalado el flash player pero cuando hago click en los archivos me dice con que soft quiero abrirlos :S

    logicamente seguire investigando recien empiezo y apenas logre instalar el ARTOOLKIT pero con una pista me conformo muchas gracias

  15. German Issel dice:

    Estimado Ing. Carlos Reina,

    Desde Argentina, Buenos Aires, quería felicitarlo por su blog y su conocimiento en la materia.

    Le estaré agradecido si se puede poner en contacto conmigo.

    Saludos cordiales,

    Germán Issel.

  16. joaquin dice:

    hola mira quisiera que pedirte ayuda soy nuevo en esto de RA y quiero saber o pedir que subas un tutorial donde muestres como crearlo en 3d te lo agradeceria mucho

  17. heber dice:

    Necesitaría saber cuanto se puede donar para el multi vídeo porfa!!!

  18. wilfer dice:

    muchachos les agredesco soy nuevo en esto pero ustedes son de mucha ayuda

  19. Jonathan dice:

    Hola ayudame por favor, para hacer la realidad aumentada con un video para q solo salga el personaje filmado en chroma, en q formato lo hago?? estoy usando flash y no reconoce los formatos con transparencia mas q la secuencia png pero se hace muy pesado ,,, ayuda!!

  20. luis dice:

    oye disculpa pero sabes hacer un programa para un dispositivo movil? m interesa esto pero creo q estria mjor para movil no??

    gracias por tus tutoriales estan muy bien

    saludos

  21. pedepito dice:

    ay un sitio llamado EZFlar que permite aserlo sin descargas admite imagenes,videos,mp3,modelos 3d,texto y redirecciona a otro sitio

    • ZoiX dice:

      Esto es cierto. Sin embargo es muy limitado; me refiero que si uno mismo programa, puede hacer esto y mucho más. Te pido el favor que no llenes campos del formulario de envío de comentarios que no son requeridos a menos que tengan sentido y no sean ofensivos; ya lo he removido.

  22. luis dice:

    disculpa como ago q reconosca dos markers diferentes?

  23. RUBEN DARIO BUITRAGO PULIDO dice:

    Buenas tardes;

    Excelentes aplicaciones ante todo; por favor me podría indicar que software utilizar para un celular con sistema operativo android 2.3

  24. Miguel dice:

    Yo encuentro mucha información que necesito depurar.
    Lo que busco es simplemente una aplicación limpia, sin publicidad que sea sólo el visor, es decir que encienda la cámara y capture la marker que sea y muestre el contenido.

    Por otra parte me gustaría saber si en buildar u otra aplicación, como configurar para que lea el archivo 3D desde un ftp o web.

    A grandes rasgos lo que quiero es lanzr una app del móvil y directamente pueda leer el marker de una camiseta y muestre lo que hay en ella.

    Me podrías ayudar a aclarar mis dudas??
    Muchas Gracias.
    Si podemos estar comunicados por mail te lo agradecería.

    • ZoiX dice:

      Miguel, para lo que buscas, que son móviles, recomiendo que uses bien sea Layar Vision o junaio. De otro modo, puedes intentar con ARToolKit para móviles, o andAR o similares; pero recomiendo estos dos primeros, pues la calidad es muy buena. Mi mail es xsdaniel{at}gmail{dot}com.

  25. chili dice:

    hola soy profesora de tecnologia en argentina y estoy investigando sobre realidad aumentada para aplicarlo con mis alumnos, agradezco la informacion que brindas! intentare aplicarlo para ver como funciona. gracias

  26. Marko dice:

    Hola ZoiX, esta muy buena tu pagina pero estoy algo confundido, para la escuela tengo que hacer una aplicacion de realidad aumentada para android, sabes que aplicaciones pudiera usar, no soy muy bueno en programación, espero que me puedas ayudar. de antemano gracias!!

  27. Diego Fabra dice:

    Hola, Excelente tutorial, quisiera saber como puedo instalar la libreria FlARTookit en un mac
    Gracias

  28. Solo quiero agradecerte estos tutoriales. Estoy empezando con el tema y te pido que no ¡te olvides de los principiantes!
    Un saludo

  29. WILMAN dice:

    Carlos buenas tardes, usted me podria desarrolar unas imagenes 3D para montarlas en una pagina web?.

    Gracias

  30. Javier dice:

    Hola.. bueno primero felicitarte por esta página y por compartir tus conocimientos con el mundo entero…
    mi consulta es… estube mirando un tutorial donde trabajas con 3d max, collada y flex.. hice los mismo pasos que indicabas pero al momento de dar un “run” en flex me dirige a internet explorer pero solo me queda una ventana en gris… no me dirige a la camara del notebook! que prodra ser??

    espero me puedas ayudar!!

    Saludos y Gracias

  31. la dudosa dice:

    ¿que se necesita para crear una animacion o video en la realidad aumentada?

  32. LuBo dice:

    Hola….gracias por tu aporte ……Una pregunta soy nuevo en esto y m gustaria saber para realizar aplicaciones d RA en dispositivos moviles android , iphone que necesito??…q librerias o q necesito por fa agradeceria q m ayudaran con eso

    espero q m puedas ayudar
    Saludos y gracias :)

  33. yadira dice:

    hola te felicito por tu trabajo, quisiera que me ayudes conq ue programas especificamente necesitaria para empezar a crear realidad aumentada, ya que veo que hablas de algunos…
    si me podrias ayudar en eso te lo agradezco….
    estoy realizando con mis compañeros de la universidad un proyecto de investigacion sobre realidad aumentada y somos nuevos en esto..
    GRACIAS

    • ZoiX dice:

      Hola yadira; esto depende de lo que quieras empezar a hacer, si es en móviles sugiero Layar o junaio, si es para web recomiendo FLARToolKit, librerías para AS3 que puedes abrir en flash.
      Adicionalmente, necesitas un programa para la parte de 3D, sugiero 3DsMax. Y si quieres vídeo, sugiero After Effects.

  34. Rubén Dario dice:

    Estoy trabajando con la aplicación para android, muy buena por cierto. Quisiera saber si el marcador con la cual se activa, la cama, la esfera y la mesa; sirve para otros objetos con extensión [.obj]. Adicionalmente quisiera saber si este marcador puede cambiarse y como lo hago para esta aplicación.

  35. derly dice:

    donde puedo encontrar informacion sobre reconocimiento de patrones

  36. daniel dice:

    Hola..he estado experimentando y exportando algunas imagenes desde Revit para verlas en RA pero encuentro el inconveniente de que salen muy pequeñas casi imperceptibles, dese Revit exporto a 3dmax y desde alli hacia buildar pero insisto se ven muy pequeñas y otra cosa es que no puedo verlas desde skype solamente cuando la camara esta en buildar, hay alguna manera de solucionarlo? gracias

    • ZoiX dice:

      No soy muy adepto a BuildAR, preferiría recomendarte otras alternativas como FLARToolKit. Por otro lado, no sé qué tiene que ver Skype en este asunto… Skype es para videollamadas.

      • daniel dice:

        Ante todo gracias por responder!! Te cuento que lo de Skype viene a que tengo en mente poder “mostrar” a mis clientes los proyectos a traves de la cam, de ahi que preguntaba por lo de skype, eso por un lado. Ya entendí que no es posible hacerlo via skype, estimo que deberan tener cargado el programa en su computadora el o los clientes, es asi?
        Por otro lado Autodesk ha sacado en los utltimos dias a traves de Showcase Pro la posibilidad de mostar en AR los proyectos de arquitectura que (obviamente) elaboramos y reelaboramos los diferentes profesionales del área. De esa manera estimo se podría trabajar “on line” en el famoso ida y vuelta del diseño o propuesta por ejemplo ya que sin “enviarle” los datos u planimetría al comitente, se le podría mostrar la propuesta por cam, crees que eso es posible? y de ser así como se te ocurre que se podría haer?
        Todavía hay algunos aspectos que pulir, creo estan relacionados con la manera en que se envía la información desde Revit hacia Showcase, espero haya alguna solucion o tutorial al respecto.
        Seguimos en contacto…

  37. alfred dice:

    Interesante, aquí he encontrado más videos que ilustran lo que es la realidad aumentada http://bit.ly/OmyHcT

  38. mauricio dice:

    hola recien me entero de esto y estoy muy interesado en aprende… mi pregunta mas grande no es como hacerlos ya que esta lleno de tutoriales por la red…..
    mi pregunta es una vez que los tengo… como hago para compartirlos con alguien mas…. que los vean desde sus pc o tablet o smartphones….

  39. Ram dice:

    Excelente Información, GRACIAS

  40. daniela dice:

    no se como hacer esto alguien que me pueda dar las instrucciones

  41. Liebresito dice:

    Estimado Zoix es una gran aporte que as hecho y esta haciendo con este foro y toda la información que das en el., deberíamos tomar ejemplo de una persona como tu.
    un abrazo.

  42. juan carlos dice:

    Estimado Zoix si no es molestia me puedes decir cual es el programa para instalarlo en mi celular tengo un android para ver las tarjetas de realidad aumentada de antemano gracias y donde bajo las tarjetas de las mismas o tienes un programa para hacer uno mismo sus logos o figuras saludos y gracias

  43. Juan Muñoz dice:

    Antes que nada quiero agradecerte por los geniales tutoriales que publicas en este blog, me han ayudado a hacerme una idea de lo que es el mundo de la RA sin embargo al intentar seguir algunos tutoriales como el de gotoandlearn o varios tuyos que utilizan FLARManager no logro pasar de definir la camara y mi pregunta es si puedo o debo utilizar la carpeta de flarmanager como el sourcefolder o estoy pasando por alto algun archivo como en tu tutorial para montar videos utilizas una carpeta llamada actionscript ¿qué es lo que contiene? me disculpo por mi pregunta tan desordenada pero estoy completamente perdido y agradecería mucho si pudieras ayudarme…
    De nuevo te felicito por un blog tan completo y dedicado y admiro tu habilidad en el campo :D

    • ZoiX dice:

      Hola Juan. Lo que contiene la carpeta ActionScript son todas las librerías que yo uso, dentro están flarmanager, flartoolkit, papervision, tweener, etc. Son una recopilación de todas las librerías que necesito. Lo que hago es tenerla en un solo lugar y no importarla una y otra vez en cada proyecto, sino linkear esa misma en los proyectos que desarrollo. Un saludo y muchas gracias ;)

  44. carlos dice:

    Hola, quiero felicitarte por tus tutoriales tan bien hechos y la atencion que le das al blog…..
    y espero no ser una molestia…..
    bueno Respecto a los tutoriales tengo un par de dudas, en los que utilizas manager tienes una carpeta source llamada actionscript, que es lo que contiene?
    y cuando trato de seguir tus tutoriales o uno parecido de gotoandlearn me aparecen muchos errores de dos referencias principalmente matrix3D y vector. Te agradecería mucho si pudieras ayudarme con mi problema

  45. Berenice dice:

    Hola muy buena tu informacion me gustaria saber como puedo hacer realidad aumentada web que software necesito

  46. […] ¿Cómo empezar desde cero con AR? […]

  47. […] Este artículo pretende dar una visión general sobre lo que es la Realidad Aumentada y cómo empezar a desarrollar aplicaciones relacionadas a esta fantástica tecnología. Pero primero, vamos a ver […]  […]


Deja tu Comentario