Foro de elhacker.net

Media => Diseño Gráfico => Mensaje iniciado por: peib0l en 8 Septiembre 2009, 02:02 am



Título: Realidad Aumentada (RA) Tutorial Basico Introduccion
Publicado por: peib0l en 8 Septiembre 2009, 02:02 am
¿Que es eso de Realidad Aumentada? ¿Para que me sirve? ¿ey esta bien, como puedo hacer yo algo asi?

Estas son las preguntas que todos nos hacemos al nacer... bueno igual no tan pronto, ahora intentare explicar un poco como funciona esta tecnologia, y responder a esas preguntas.

¿Que es Realidad Aumentada RA?
Pues a grandes rasgos es una tecnica en la que se combina el mundo real con el virtual mediante un proceso informático, enriqueciendo la experiencia visual.

¿Para que puedo usar Realidad Aumentada?
Gracias a esta tecnología podemos añadir información visual a la realidad existente, como ejemplizar el montaje de un dispositivo con tan solo mostrar su caja a la cámara, saber como nos queda la ropa sin tener que ir a probarnosla a la tienda, un sin fin de posibilidades, y todo en tiempo real

eeee espera espera, ¿en serio me lo dices? muestrame un ejemplo
Ok no te lo crees? pues mira mira, entra en la web conecta tu webcam, instala los plugins.. y disfuta

(http://www.realidadaumentada.info/imagenes/b-trasnformers2.jpg) (http://www.weareautobots.com/es/index.php)
mas ejemplos:
Bicho simpático: http://www.boffswana.com/news/?p=392
Coche Nascar: http://woveninteractive.com/dev/nascar/flartoolkit-nascar.html
Agujero 3D: http://09.aid-dcc.com/
Molinos de viento: http://ge.ecomagination.com/smartgrid/#/augmented_reality

¿Que materiales necesito?
Normalmente se requiere una cámara de vídeo, un monitor y un PC estándar con la licencia de Realidad Aumentada instalada.

Pues tengo los materiales ¿Como lo puedo hacer yo?
Lamentablemente no puedes... No es broma claro que puedes hacerlo desde casa pero necesitas una serie de conocimientos de Diseño y animacion 3D y sobre todo de javascrip, ey ey no te desanimes si no sabes nada de esto, no pasa nada sige leyendo...

¿Necesito algun tipo de Software?
Pues si necesitaremos la librería FLARToolKit ¿que que hace esta libreria te preguntas? pues esla que se encarga de calcular la posición 3D de la plantilla dentro del vídeo, pero tambien necesitasmo un software que nos permita trabajar con Flash, por ejemplo Adobe Flash, pero como esto es una Iniciacion podremos usar el software gratuito TortoiseSVN que ya nos incluye todo y despues de su configuracion podremos crer nuestros primeros diseños.
Todo ello lo podemos encontrar en: http://tortoisesvn.net/downloads
tambien os recomiendo descargar el pack de idioma en español.

COMENZAMOS
Bueno una vez tengamos todo el Software Descargado e instalado podemos continuar

Ahora tendremos que crear una carpeta donde queramos yo la llamare RealidadAumentada, y dentro de esta carpeta creremos otras dos mas una llamada Ejemplos y la otra SVN, o como querais.
Esta carpeta la SVN sera la que tengamos que asociar al programa TortoiseSVN, por eso le puse ese nombre, para asociarla hacemos click derecho en la carpeta y seleccionamos SVN Checkout, que se a creado tras la instalacion.

(http://img2.imageshack.us/img2/43/svncheck.jpg)

Nos pide un reposito, y en URL of Repository escribimos esto:
Citar
http://www.libspark.org/svn/as3/FLARToolKit/trunk/
quedando de esta forma:

(http://img291.imageshack.us/img291/4424/urlreposity.jpg)

Bien una vez le deis a Ok, saltara una ventana de TortoiseSVN la cual nos
indica que se estan descargando todos los archivos del reposito es como esta:

(http://img402.imageshack.us/img402/641/chekout.jpg)
dependiendo de tu conexion te podra tardar mas o menos... ten un poco de paciencia...

Y una vez finalizado se nos habrá creado una estructura parecida/igual a esta:

(http://img509.imageshack.us/img509/589/carpetas.jpg)

Ok una vez tenemos todo esto nos tocara imprimir el marker file, lo tenemos dentro de la carpeta Starter-kit --> Data es un archivo .pdf llamado flarlogo-marker, en este caso tiene este "dibujo":

(http://img29.imageshack.us/img29/8378/markerz.jpg)

Bien ya tenemos todo listo para ver el resultado de nuestro trabajo; Ahora nos dirigimos a la carpeta starter-kit y abrimos el archivo Earth.swf se nos abrira con nuestro navegador favorito, aceptamos la peticion de uso de la webcam... y ya lo tenemos.

(http://img405.imageshack.us/img405/3656/mundog.jpg)

tambien tenemos otro ejemplo llamado SimpleCube.swf pero es menos espectacular...


Referencias:
http://realidadaumentada.inkframe.com/ --> es casi un plagio pero no se explican muy bien.
http://www.realidadaumentada.info/ --> me gustaron las explicaciones y los ejemplos.






Título: Re: Realidad Aumentada (RA) Tutorial Basico Introduccion
Publicado por: peib0l en 8 Septiembre 2009, 21:30 pm
Espero sis comentarios y opiniones


Título: Re: Realidad Aumentada (RA) Tutorial Basico Introduccion
Publicado por: Azielito en 8 Septiembre 2009, 21:46 pm
No entendi muy bien, o sea, si, pero no tengo webcam (por eso de los juakers que juakean webcam y la activan justo en el momento en que andas desnudo) no hay videos en el youtube, o algo asi? :xD


Título: Re: Realidad Aumentada (RA) Tutorial Basico Introduccion
Publicado por: Novlucker en 8 Septiembre 2009, 21:52 pm
Youtube esta plagado de videos :P

vEJQahFo7j0

Esta muy interesante, y la nueva PSP hace uso de esta realidad aumentada :D

Saludos


Título: Re: Realidad Aumentada (RA) Tutorial Basico Introduccion
Publicado por: Velku en 8 Septiembre 2009, 22:43 pm
Perfecto Shell-killer, ya había buscado y estudiado como hacer esto de la Realidad Aumentada y tengo que decir que me gusta tu forma de hacerlo. Lo voy a probar. Hasta ahora el ejemplo mas completo que he visto ha sido el de la Nissan para promocionar su nuevo auto, el Nissan Cube (un concepto horrible en un auto si me preguntan, chequenlo). Entregaron todo un folleto completo y cada página tiene partes distintas del carro que puedes cambiar de color o ver en movimiento ademas del que la Realidad Aumentada ya le da. Nada mas que encuentre esos videos y se los comparto.


Título: Re: Realidad Aumentada (RA) Tutorial Basico Introduccion
Publicado por: matmat en 11 Septiembre 2009, 21:30 pm
Shell-killer!!! Exelente tutorial...
Pude realizar todos los pasos... ahora la pregunta del millon...

Como se pueden integrar nuevos elementos 3d???

Imagino que se empieza creano algo por ejemplo en el 3dmax... o en el GoogleSketchUp.... pero, de ahi a integrarlo con paperview3d ?

Agradezco cualquier info!
Saludos!


Título: Re: Realidad Aumentada (RA) Tutorial Basico Introduccion
Publicado por: ZoiX en 11 Septiembre 2009, 23:59 pm
@Shell-killer: Soy el autor de http://realidadaumentada.inkframe.com
Agradezco mucho que hayas puesto la fuente de tu investigación y te pediría el favor que me dijeras porqué mi explicación no fue clara, tal vez otros visitantes piensen lo mismo y esto me preocupa.

PD1: ¿De cuál licencia de Realidad Aumentada hablas?
PD2: No necesitamos conocimientos en JavaScript.
PD3: FLARToolKit no se encarga de calcular la posición del elemento tridimensional, de eso se encarga Papervision3D. Y... ¿cuál video?
PD4: No necesariamente necesitamos Adobe Flash.
PD5: TortoiseSVN no es un software para trabajar con Flash, es un software para descargar por SVN. No incluye nada sobre Realidad Aumentada y con él no podemos crear ningún diseño.
Bueno, mejor no sigo poniendo postdatas.

@matmat: Estoy terminando de retocar un videotutorial y allí cubro ese tema en específico, pronto habrá un nuevo artículo en donde explico la manera correcta de modelar un objeto 3D, correcta porque hay problemas en los foros de FLARToolKit que afortunadamente tienen una respuesta con la solución. Por cierto, es Papervision3D.

Un saludo ;)


Título: Re: Realidad Aumentada (RA) Tutorial Basico Introduccion
Publicado por: matmat en 12 Septiembre 2009, 16:06 pm

@matmat: Estoy terminando de retocar un videotutorial y allí cubro ese tema en específico, pronto habrá un nuevo artículo en donde explico la manera correcta de modelar un objeto 3D, correcta porque hay problemas en los foros de FLARToolKit que afortunadamente tienen una respuesta con la solución. Por cierto, es Papervision3D.

Un saludo ;)

Gracias por la respuesta ZoiX! Espero algo impaciente el VideoTutorial entonces!
Y ya que estamos pregunto... hay posibilidad de reproducir un video, en vez de mostrar un objeto 3d?...
La verdad es que todo esto es muy nuevo, y me surgen muchas preguntas...

Gracias nuevametne...
Saludos!


Título: Re: Realidad Aumentada (RA) Tutorial Basico Introduccion
Publicado por: ZoiX en 12 Septiembre 2009, 16:58 pm
Citar
Gracias por la respuesta ZoiX! Espero algo impaciente el VideoTutorial entonces!
Y ya que estamos pregunto... hay posibilidad de reproducir un video, en vez de mostrar un objeto 3d?...
La verdad es que todo esto es muy nuevo, y me surgen muchas preguntas...

Gracias nuevametne...
Saludos!

@matmat: Tengo planeados de momento 4 videotutoriales:

1: Un objeto tridimensional sencillo.
2: Un objeto tridimensional animado.
3: Reproducir un video cuando pones el marker frente a la cámara.
4: Poner la aplicación de Realidad Aumentada en una Página Web.

Cualquier duda que tengas por favor coméntala en la página (http://realidadaumentada.inkframe.com), a este foro me toca entrar con proxy porque no me permite el acceso directo y me es muy complicado responderte por este medio.

Saludos.

- -

Actualización:
Ya está listo el videotutorial: http://bit.ly/MRHeL


Título: Re: Realidad Aumentada (RA) Tutorial Basico Introduccion
Publicado por: peib0l en 14 Septiembre 2009, 15:11 pm
lo que comente que necesitabamos , es para crear nuestro propio soft XD no para hacer este tutorial


Título: Re: Realidad Aumentada (RA) Tutorial Basico Introduccion
Publicado por: analau en 13 Marzo 2010, 16:33 pm
Hola! estoy empezando a elaborar mi trabajo de tesis sobre realidad aumentada.. me gusta mucho este tema!...
sera que alguien me puede guiar como empezar...? estuve leyendo mucho nose que plataforma me aconsejan utilizar..


Título: Re: Realidad Aumentada (RA) Tutorial Basico Introduccion
Publicado por: Hades_Hell en 13 Marzo 2010, 20:01 pm
Hey que bien, justamente me hablo un profesor de esto y se ve sorprendente. Aunque hay pocos videos :S


Título: Re: Realidad Aumentada (RA) Tutorial Basico Introduccion
Publicado por: cotyr en 7 Julio 2010, 22:47 pm
Hay una parte que no me queda muy claro, sigo los pasos pero no me genera la carpeta de starter kit, cómo hago? yo tengo mi propio 3d generado x 3dmax y convertido a DAE, pero me falta un paso para q me salga todo. Debo generarla yo misma esa carpeta? gracias!!!


Título: Re: Realidad Aumentada (RA) Tutorial Basico Introduccion
Publicado por: coolfrog en 28 Septiembre 2010, 04:15 am
yo tengo una duda, los marker sque se utilizan como se hacen? uno define como va ser el marker que va utilizar? que realacion tienen con el qr code?


Título: Re: Realidad Aumentada (RA) Tutorial Basico Introduccion
Publicado por: arenita901 en 28 Septiembre 2010, 22:05 pm
a mi no me aparece esa carpeta como hago???


Título: Re: Realidad Aumentada (RA) Tutorial Basico Introduccion
Publicado por: arenita901 en 28 Septiembre 2010, 22:06 pm
a mi no me aparece esa carpeta la del kit... como hago???? ayuda urgente


Título: Re: Realidad Aumentada (RA) Tutorial Basico Introduccion
Publicado por: Steven Cruz en 9 Abril 2011, 02:16 am
Pues mMmM SOy nUEvO En El TemA pEro Tengo INtERes quisiera pues primero tengo xp... al seguir tus pasos me quedo en la parte de las carpetas que dice que la carpeta starter-kid y x ende ni el flarlogo-marker ni Earth.swf, primero pues si sabes como solucionar eso, segundo si sabes exactamente que programas descargar para generar mis propias imagenes y/o animaciones en 3d para pasarlas a el realismo aumentado y x medio de que programa, basicamente necesito los progremas pues para comenzar a trabajarlos y con ayuda de tutoriales o cosas aprender x experiencia o algo haci gracias :) :-X


Título: Re: Realidad Aumentada (RA) Tutorial Basico Introduccion
Publicado por: nichihack en 20 Mayo 2011, 18:06 pm
Aquí tenéis un ejemplo de realidad aumentada (de las pelis de Transformers y Iron - Man):

http://foro.elhacker.net/foro_libre/realidad_aumentada_iron_man_y_transformers-t328246.0.html (http://foro.elhacker.net/foro_libre/realidad_aumentada_iron_man_y_transformers-t328246.0.html)

Espero sus opiniones y gracias por este artículo tan interesante!

nichi