[Videotutorial] Último Tweet + SWF + Personaje 3D Animado en Realidad Aumentada

Autor: ZoiX | En: Videotutoriales | 13089 Visitas

11 jul

Ha pasado mucho tiempo desde el último artículo que publiqué y aún mucho más desde el último videotutorial, pero este que verán a continuación resuelve algunas dudas del foro y será sin temor a equivocarme una buena fuente de ideas para futuros proyectos de quienes hasta ahora empiezan a empaparse de este asunto.

En el videotutorial crearemos un proyecto de Realidad Aumentada que inserta un SWF en la escena con el último Tweet de nuestra cuenta en Twitter y adicionalmente y con el mismo marcador, pondremos un personaje tridimensional animado. Todo esto corriendo en FLARManager.

Este es el resultado final:

El videotutorial (recuerda verlo en vimeo para calidad HD):

Nota Importante: Para evitar que los elementos parezcan desorbitados en el eje Z, es importante poner el autoscale del viewport en false, es decir:

this.view = new Viewport3D(640, 480, false, true);

dae, flarmanager, flash, flex, php, swf

Armando dice:

julio 11, 2011 a las 9:45 am

Muy buen videotutorial! Muy bien explicado, sin embargo me queda una duda y es cómo puedo mejor poner el SWF de Twitter en un marcador y el DAE en otro. Gracias ZoiX.

Responder

ZoiX dice:

julio 11, 2011 a las 9:46 am

@Armando, gracias. En el siguiente videotutorial (espero subirlo hoy) verás cómo se puede hacer uso de dos o más marcadores fácilmente en FLARManager.

Responder

Carlos Reina dice:

julio 11, 2011 a las 10:20 am

Excelente tutorial amigo sergio. muchas gracias por compartir tus conocimientos

kegnard dice:

julio 11, 2011 a las 4:22 pm

Me gustaría pusieras el código como “Twitter.as”, y los demás que usaste, el VideoTutorial está MUY BUENO, pero seria bueno poder masticarlo un poco mas lento cada uno en casa. Gracias

ZoiX dice:

julio 11, 2011 a las 4:38 pm

@kegnard, como menciono en el videotutorial, el código fuente ya está en el foro

Responder

Jose dice:

julio 11, 2011 a las 9:45 pm

Hola primero que nada gracias por acer un espacio asi. Bueno lo que quiero saber es que conocimientos necesito para poder comensar a trabajar en R.A ya que es algo que vi y me emociono verlo.

Gracias y desde ahora espero y no te moleste voy estar por aca pidiendo un poco de ayuda. Por favor dime todo lo que necesito aprender y gracias de nuevo.

A tengo un poquito de conocimiento en c#,c,blender,photoshop… y otras cosillas espero y me sirva eso, si no , tendre que estudiar mucho.

GRACIAS.

ZoiX dice:

julio 12, 2011 a las 11:38 am

@Jose, es imposible decirte todo lo que necesitas porque eso depende de tus necesidades. Conocimientos, te puedo decir que básicamente necesitas algo de nociones de diseño y de programación orientada a objetos. Para trabajar 3D, necesitas evidentemente un programa de modelado 3D… para composición de vídeo igual. Es útil Flash o Flash Builder para la programación, aunque lo puedes hacer en FDT, Eclipse, etc. Creo que los programas básicos para que empieces, son Flash para la programación y quizá Photoshop (ya que dices saber algo de este programa) para la creación de los marcadores. Además tienes en el blog tutoriales y videotutoriales para que vayas haciendo todo el proceso de aprendizaje.

Responder
- Jose dice:
  
  julio 12, 2011 a las 12:17 pm
  
  ok gracias y nuevamente un felicitasion para tu blog.
  Mucha suerte.
  
  Responder

Alex dice:

julio 15, 2011 a las 6:24 am

Hola Zoix,

Estoy probando tu código y funciona perfectamente, pero cuando quiero poner mi perfil de twitter, http://twitter.com/statuses/user_timeline.xml?screen_name=dsbitnet la XML solo me devuelve dos entras, sabes, ¿por qué puede ser?

Un saludo

ZoiX dice:

julio 15, 2011 a las 1:42 pm

@Alex, en el código de Twitter, si quieres mostrar más de un tweet, debes hacerlo mediante un ciclo, así este leerá todos los “text” que haya en el documento hasta el punto que tu lo determines.

Responder
- Alex dice:
  
  julio 15, 2011 a las 2:41 pm
  
  Gracias por la respuesta.
  
  Lo que me sucede es que, la XML solo tiene dos “text”, entonces, solo puedo mostrar los dos, y en mi perfil tengo mas de 100 Tweets. Mi Intencion sera mostrar 3, pero si vas a http://twitter.com/statuses/user_timeline.xml?screen_name=dsbitnet veras que solo aparecen 2 “text” cuando deberian de aparecer muchos mas.
  
  ¿Entiendes a lo que me refiero?
  Un saludo
  
  Responder

julio 17, 2011 a las 1:10 pm

No se te ocurre, ¿de qué puede ser?
Es algo bastante raro de todas formas.

ZoiX dice:

julio 17, 2011 a las 1:19 pm

Efectivamente es raro, pues estoy mirando otros perfiles y aparecen más tweets. He pensado que sea en la configuración de la cuenta pero no hay algo que lo cambie. También supuse que puede ser una aplicación que cambie la manera en que nativamente se muestra el XML, pero no sé si pueda ser una opción.

Responder
- Alex dice:
  
  julio 18, 2011 a las 5:42 am
  
  Increíble, ahora mi XML se ha reducido a 1 Tweet, definitivamente… es una cosa muy rara. Por ejemplo, en el perfil de aumentality, la XML arroja 8 Tweets y en algunos otros que he ido probando, arroja diferentes números de Tweets, es decir, no sigue ningún patrón de número de Tweets la XML.
  Seguiré intentando buscar alguna razón por la que mi número de tweets sea tan baja.
  
  Saludos
  
  Responder

MARCELO dice:

julio 22, 2011 a las 1:40 pm

zoix gracias por este maravilloso aporte a la sociedad; tengo un problema 1046 . lineas 54, 58, 62 .
private function onAdded, onUpdated, onRemoved me marca error en flex. desde ya muchas gracias por guiarme en este asunto.

ZoiX dice:

julio 23, 2011 a las 2:40 am

@MARCELO, te he contestado en el foro

Responder

Renzo dice:

julio 23, 2011 a las 11:12 am

Hola Zoix
Me parece un excelente tutorial, cuando lo probé me salen unos errores, supongo que se debe a que me faltan unas librerías; al revisar el vídeo veo que tienes unas carpetas dentro de actionscrip con los nombres “com”, “caurina” , etc
me podrías decir de donde las bajo, ya he bajado un montón de librerías de varias paginas pero me siguen saliendo errores.
Muchas gracias por compartir tus conocimientos

RegFacu dice:

julio 29, 2011 a las 2:25 pm

Zoix, muy bueno tu pagina, me baso mucho en ella para aprender sobre RA.
Pero tengo problemas con los markers, los pongo en el generador online, creo los pat, los agrego a mi proyecto y no me lee ninguno.
Y el otro problema es que con el FLARManager v1.1.0 no funciona igual:

la linea:
this.fm = new FLARManager(“data/flarConfig.xml”);
yo antes la usaba como:
this.flarManager = new FLARManager(“../resources/flar/flarConfig.xml”, new FLARToolkitManager(), this.stage);

y la linea:
this.cam = new FLARCamera3D(this.fm.cameraParams);
no la puedo utilizar porque “fm” no tiene el atributo cameraParams.

Me podras enviar esa carpeta con librerias que tenes vos? porque no encuentro las apropiadas.

Muchas gracias

ZoiX dice:

agosto 6, 2011 a las 2:46 am

Aquí está el SVN: http://transmote.com/codeshare/FLARManager

Responder
- david dice:
  
  octubre 14, 2011 a las 11:13 am
  
  Com podria bajarme esas librerias que porgrama utizo o como las bajo ..
  
  Responder
  - smirmark dice:
    
    octubre 28, 2011 a las 3:21 am
    
    Hola como estas prueba con svn tortoise…

Jeff dice:

agosto 6, 2011 a las 11:55 am

hola zoix, gracias por este tutorial, pero tengo un problema con una de las librerias, he descargado todo el flarmanger, las importe y FLARPVGeomUtils no aparece

muchas gracias.

Jeff dice:

agosto 6, 2011 a las 1:27 pm

ya lo solucione, pero aun pose problemas, con el “cameraParams” y con las mismas lineas que Marcelo comento anteriormente

Responder

henry dice:

agosto 10, 2011 a las 5:57 pm

Zoix tengo un porblema hago mi 3d comolo explica tan bine ne tu video pero no tengo l afomr a como lo exporta lo veo oscuro mi escenario dime como puedo corrgiir esto ayudame por favor

Martin dice:

octubre 4, 2011 a las 2:16 am

Quisiera que nos enseñara como crear realidad aumentada para los dispositivos moviles. gracia anticipadas y felicitaciones por ese gran conocimiento que tienes hacerca del tema y por enseñarlo.

buen dia, exitos.

MARTIN DAVID HERMANN

[Videotutorial] Último Tweet + SWF + Personaje 3D Animado en Realidad Aumentada | Aumentality Blog | REALIDAD VIRTUAL. REALIDAD AUMENTADA | Scoop.it dice:

octubre 13, 2011 a las 5:04 pm

[...] [Videotutorial] Último Tweet + SWF + Personaje 3D Animado en Realidad Aumentada | Aumentalit… En el videotutorial crearemos un proyecto de Realidad Aumentada que inserta un SWF en la escena con el último Tweet de nuestra cuenta en Twitter y adicionalmente y con el mismo marcador, pondremos un personaje tridimensional animado. Source: blog.aumentality.com [...]

Davinchi dice:

octubre 13, 2011 a las 10:45 pm

Hola Zoix

Me pareció espectacular tu vídeo tutorial he aprendido mucho con esto de R.A. que me gusta tanto, mas el papervision 3D y AS3 De verdad muchas gracias por compartir tus conocimientos.

Exitos

wilfer dice:

diciembre 2, 2011 a las 6:50 pm

hola mi hermano agradecerte por las ayudas en AR como hago para contactarte directamente

ZoiX dice:

diciembre 5, 2011 a las 11:12 pm

En el formulario de contacto

Responder

JOSEPH PEREZ dice:

febrero 29, 2012 a las 7:32 pm

Hola zoix

Exelente Tutorial!

Todo lo desarolle a la perfeccion, aunke presento un problema:

Type was not found or was not a compile-time constant: FLARMarkerEvent.
desaria poder obtener su proyecto para contrastar mi errores

Espero una respuesta pronto. Agradesco su atencion

ZoiX dice:

marzo 4, 2012 a las 11:42 am

Problema de imports. Importa el FLARMarkerEvent que es, seguramente tienes otra versión a la que usé en el videotutorial y el código quizá ha cambiado un poco.

Responder

Santy dice:

marzo 1, 2012 a las 12:51 pm

Enhorabuena por el blog. Oie tengo una pregunta. Estoy empezando a desarrollar una aplicación de realidad aumentada para android y tengo el problema de que no sé qué framework elegir. Lo que quiero es que el móvil tenga asociadas unas coordenadas a unos códigos QR y que simplemente cuando el usuario apunte a un código QR “lea” esa coordenada. Además necesito añadir modelos 3d a la imagen, pero lo que realmente me interesa es eso. La pregunta, por si alguno ya habéis usado distintos frameworks, cuál es el que me permite hacer esto. He mirado wikitude, lookAR, nyartoolkit.

Muchas gracias por todo, gracias a personas que enseñan podemos seguir todos desarrollando

joan diaz dice:

mayo 6, 2012 a las 7:34 am

Hola ZoiX, me gustaría preguntarte que tecnologías o lenguajes haz utilizado para la realización de este blog….la verdad es que me parece muy completo y me gustaría saber si haz utilizado algún CMS como Joomla!, Drupal o WordPress, o si por el contrario haz utilizado algunos de los lenguajes de creación y gestión de páginas web (Html, PHP, Javascript, …etc), es por curiosidad, soy novato en esto….gracias por el blog…

ZoiX dice:

mayo 9, 2012 a las 2:58 am

Hola joan. Este sitio está construído en WordPress y usa jQuery para algunas -pocas- cosas… evidentemente usa PHP y CSS. El que vamos a montar en poco tiempo será mucho mejor!

Responder

analaurapy dice:

mayo 6, 2012 a las 11:21 am

Zoix, excelente tutorial como siempre! Un saludo desde Paraguay. Ana.

ZoiX dice:

mayo 9, 2012 a las 2:56 am

¡Ana! Gracias ¡Un abrazo!

Responder

36 Comentarios para “[Videotutorial] Último Tweet + SWF + Personaje 3D Animado en Realidad Aumentada”

Deja tu Comentario

Categorías

Artículos Recientes

Nube de Etiquetas