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); |
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.
@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.
Excelente tutorial amigo sergio. muchas gracias por compartir tus conocimientos
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
@kegnard, como menciono en el videotutorial, el código fuente ya está en el foro
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.
@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.
ok gracias y nuevamente un felicitasion para tu blog.
Mucha suerte.
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
@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.
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
Hola Zoix,
No se te ocurre, ¿de qué puede ser?
Es algo bastante raro de todas formas.
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.
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
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.
@MARCELO, te he contestado en el foro
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
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
Aquí está el SVN: http://transmote.com/codeshare/FLARManager
Com podria bajarme esas librerias que porgrama utizo o como las bajo ..
Hola como estas prueba con svn tortoise…
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.
ya lo solucione, pero aun pose problemas, con el “cameraParams” y con las mismas lineas que Marcelo comento anteriormente
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
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 | 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 [...]
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
hola mi hermano agradecerte por las ayudas en AR como hago para contactarte directamente
En el formulario de contacto
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
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.
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
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…
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!
Zoix, excelente tutorial como siempre! Un saludo desde Paraguay. Ana.
¡Ana! Gracias
¡Un abrazo!
Bueno antes que nada darte las gracias por compartir tus conocimientos, y tu tutorial me parecio exelente lo estaba buscando desde hace un buen tiempo.
Pero tengo un problema cuando depuro el proyecto me salta este problema “[SWF] C:\Users\ezparta\Adobe Flash Builder 4.6\Multiple_Markers\bin-debug\Multiple_Markers.swf – 701,417 bytes after decompression
[FLARManager] Initing camera ’1.3M WebCam’.
TypeError: Error #1034: Error de conversión forzada: no se puede convertir flash.events::Event@78ca791 en com.transmote.flar.marker.FLARMarkerEvent.
at flash.events::EventDispatcher/dispatchEventFunction()
at flash.events::EventDispatcher/dispatchEvent()
at com.transmote.flar::FLARManager/checkForInitComplete()[C:\Users\ezparta\Documents\Multiple Markers Full Source - Flash CS4\librerias\com\transmote\flar\FLARManager.as:1165]
at com.transmote.flar::FLARManager/onPatternsLoaded()[C:\Users\ezparta\Documents\Multiple Markers Full Source - Flash CS4\librerias\com\transmote\flar\FLARManager.as:1129]
at flash.events::EventDispatcher/dispatchEventFunction()
at flash.events::EventDispatcher/dispatchEvent()
at com.transmote.flar.pattern::FLARPatternLoader/checkForLoadCompletion()[C:\Users\ezparta\Documents\Multiple Markers Full Source - Flash CS4\librerias\com\transmote\flar\pattern\FLARPatternLoader.as:204]
at com.transmote.flar.pattern::FLARPatternLoader/onPatternLoaded()[C:\Users\ezparta\Documents\Multiple Markers Full Source - Flash CS4\librerias\com\transmote\flar\pattern\FLARPatternLoader.as:196]
at flash.events::EventDispatcher/dispatchEventFunction()
at flash.events::EventDispatcher/dispatchEvent()
at flash.net::URLLoader/onComplete()”
Preferiblemente si pones esto en el foro. Pero según creo, estás usando otro tipo de evento en los parámetros de tus funciones.
hola alguien sabe donde consigo mas modelos 3d para flart tool kit starter kit porfa lo nescesito
En la galería de Sketchup hay suficientes.
Hola Zoix estoy entrando en el tema!!! Tengo una idea para un proyecto escolar con realidad aumentada. Me podrías ayudar? La idea es usar la realidad aumentada en una clase sobre placa madre. Esta medio complicado quiero que sobre una placa madre se pueda proyectar mediante realidad aumenta las placas de expansión. Bueno algo asi!