New tutorial on augmented reality with FLARManager

I just uploaded a new tutorial on using the FLARManager library to create augmented reality applications. This library makes things much easier than using the FLARToolkit directly, especially when dealing with multiple markers. In this example I display a video on a 3D plane that follows the AR marker. The tutorial also covers how to properly create markers using a new online tool.

Lee

Comments

  1. October 14th, 2009 | 2:34 pm

    Good tutorial on getting started with Flash and AR.

    With trying to flip the plane, try using the “opposite” property on the MovieMaterial. I believe it achieves the same result.

    http://papervision3d.googlecode.com/svn/trunk/as3/trunk/docs/org/papervision3d/materials/MovieMaterial.html

    Thanks,
    Dustin

  2. October 14th, 2009 | 2:36 pm

    Thanks for sharing! :)

  3. lee
    October 14th, 2009 | 2:52 pm

    @djandrew ahh thanks for sharing!

  4. kutu
    October 15th, 2009 | 12:11 am

    Hi Lee,

    great tutorial.

    what’s plugin you used, when you type “pv” and get “private var” or “eh” and then get event handler function?

    thx and sorry for my ruglish.

  5. Jack Smithers
    October 15th, 2009 | 1:38 am
  6. October 15th, 2009 | 3:15 am

    Damn… just a few days to late :P
    Already had figured it out by myself after a lot of struggling…

  7. Pete
    October 15th, 2009 | 4:35 am

    Great tutorial – trying to follow it but cannot download the FlarManager…as it just freezes – is there any other links for the zipped version?

  8. October 15th, 2009 | 4:42 am

    [...] Sotirov New tutorial on augmented reality with FLARManager – http://theflashblog.com/... 6 minutes ago from Google Reader – Comment – Like   [...]

  9. Pete
    October 15th, 2009 | 4:51 am
  10. leef
    October 15th, 2009 | 9:22 am

    Cool! How about a tutorial on scripting 3d, and some mind-blowing formula’s for generating z-axis positions based on height/width dimensions, and fun stuff with 3d matrices, Cartesian coordinate systems, and yeah?

  11. kutu
    October 16th, 2009 | 1:01 am

    Pete,

    thx, but how he choose event type in dialog window?

  12. October 16th, 2009 | 5:17 am

    It never ceases to amaze me how Lee is able to discuss such a large spectrum of subjects and make them all so easy to understand. Glad to see more virtual reality / augmented reality stuff.

  13. Pete
    October 16th, 2009 | 9:30 am

    Hi Lee,

    I am trying to follow the tutorial word for word but what happens in yours does not happen in mine – there seems to be some imports missing – even on first start up of the “camera” I am going to a HTML page and am getting an error from the Flarmanager about the dat file…any hints as to where I am going wrong? – is there a configuration within Flash Builder that I need to do?

    Thanks

    Pete

  14. Matt
    October 16th, 2009 | 10:33 am

    Using your tutorial, i made a somewhat cheesy but high tech haunted house for our holloween office decoration contest. Visitors walk around with a ghost detecting laptop and find ghosts around the office. You the man.

  15. Pete
    October 17th, 2009 | 7:37 am

    Each time I try to run this Flash Player crashes…any suggestions really welcome as this is becoming very fustrating…

  16. Hicham
    October 18th, 2009 | 7:06 am

    Hi Lee,
    great tutorial, any link to the background of your desktop please.

  17. Marcelo
    October 18th, 2009 | 5:06 pm

    Lee, thanks for sharing!
    I am a brazilian designer!
    But, I don’t working in flex plataform…
    As I develop this tutorial in flash cs4
    I tried but unsuccessfully…

    Thanks

    Marcelo

  18. October 19th, 2009 | 9:01 pm

    [...] New tutorial on augmented reality with FLARManager [...]

  19. northmantif
    October 20th, 2009 | 9:44 am

    Hi. I was absent few month, and i noticed forum link is forbidden(403) for me. What happened?

  20. October 20th, 2009 | 11:27 am

    Good Job Lee. This is definitely what people were looking for. Nice desktop wallpaper… any link to it?

  21. October 23rd, 2009 | 1:50 am

    Great tutorial, but all I can think is where did you get that awesome wallpaper for your desktop?

  22. Erica
    October 25th, 2009 | 6:20 pm

    Hi Lee, thank you for the tutorial!

    I`m here in Brazil trying to follow this, but in the beginning i`m getting some errors. I guess is missing some imports?
    Well, is something like this:

    1046: Type was not found or was not a compile-time constant: FLARCode. FLARPatternLoader.as

    1046: Type was not found or was not a compile-time constant: FLARDoubleMatrix34. FLARMarker.as

    1120: Access of undefined property FLARCode. FLARPatternLoader.as

    1172: Definition org.libspark.flartoolkit:FLARException could not be found. FLARPatternLoader.as

    1172: Definition org.libspark.flartoolkit.core:FLARCode could not be found. FLARPatternLoader.as

    Any ideas what can be wrong?

    sorry for any errors in my english and thanks again!

  23. joe
    October 27th, 2009 | 4:22 am

    Dear Lee, Thanks for your awesome tutorials. Can you pls make one that shows how to make Flash AR objects interactive? Like how to make Flash AR objects interact with other Flash objects. I’ve been trying this for a long time and so far no luck, the normal hit test methods don’t work. Thanks, joe

  24. ameni
    October 29th, 2009 | 4:07 pm

    Hi lee; soooo nice work.
    i would thank you for your tutorials.
    you’re genious

  25. Mich
    November 5th, 2009 | 3:15 am

    Hi Lee,

    Awesome tutorial!

    I downloaded the latest version of Flash Builder and FLARManager. I am running the FLARManager example without any errors. However when I attempt to run HelloFLAR I get the following three errors:

    1017:The definition of base class Camera3D was not found. Loc: pv3d folder line 40.

    1020:Method marked override must override another method. Loc: pv3d line 120

    1046:Type was not found or was not a compile-time constant: Matrix3D Loc: utils/geom FLARPVGeomUtils.as

    Any help would be much appreciated!

    :) Mich

  26. Alberto
    November 10th, 2009 | 8:15 pm

    Hi Lee, i´ll try to see the video but i can´t, you have a other link?

    regards

  27. November 12th, 2009 | 5:32 am

    FLATManager and FLARToolkit is ok if you want to have an simple AR solution for flash. However what about markerless AR? (for example in commercial applications the companies want their product be the marker in AR application.) There are good examples of markerless AR http://studierstube.icg.tu-graz.ac.at/handheld_ar/nft.php

  28. Denis
    November 13th, 2009 | 1:48 am

    Hi Lee,

    I’d love to see your tutorial on FLARManager, but it seems that the links are broken (the last two tutorials are unavailable).

    Your tutorials are so cool !

    Denis

  29. November 13th, 2009 | 5:49 am

    Hi Lee.. the video seems to be off. Either to watch, either to download. Could you please check on that?
    Thanks a lot for all your great tutorials.. There are so helpful.
    Regards.

  30. November 14th, 2009 | 5:28 pm

    It looks like your video has vanished.

  31. Ico
    November 15th, 2009 | 10:50 pm

    Hi Lee,

    Unfortunetly the tutorial is not visibile, so the downloadable movie… Can you check it again? All others tutorials plays, but not the last AR one… When I try to download the movie it gives me zero bytes and quit downloading.

    P.S. another old, but gold tutorial on AR with flash is
    http://saqoosha.net/en/flartoolkit/start-up-guide/

  32. November 21st, 2009 | 10:18 pm

    [...] New tutorial on augmented reality with FLARManager [...]

  33. Axiom
    November 23rd, 2009 | 8:07 am

    Hey, Lee. You are singlehandedly responsible for helping me transfer my skills to Flash, and just as I was about to loose my mind with FLARManager you saved the day.

    If I wanted to do multiple videos, would I need to publish multiple .swc’s, or does it behave like a class (can I use the same swc for multiple instances?)

  34. axiom
    November 25th, 2009 | 5:25 am

    Oops, okay nevermind I got this working, and to answer my own question yes, you can apply the same swc to multiple vids. Eventually I just found it easier to modify the source of FLARManager, though it was your help with the video planes that made me realize my mistakes.

    Thanks again.

  35. Fabio
    December 12th, 2009 | 11:58 am

    Hi Lee. Thank you for sharing this tutorial. It works very well. Now I’m trying to put more markers linked to various video using getMaterialByPatternId. is correct or should I use a different method?
    Thanks

  36. December 17th, 2009 | 11:11 am

    Sorry to waste your time, but your tutorial is real good and I was trying to do something exactly as you are doing in it.

    But I’m developer whit little knowledge of flash, and I really understand when you told about using the component (SWC) with the “fov” playback controller, could you tell me or write a Little post about how to do one as the one you use??

    Really because I can’t find any reference of how to create such a thing like that.

    Thank you very much for your time

  37. Kiumars Zarrabi
    December 18th, 2009 | 10:53 pm

    FLARmanager (FLARCameraSource) has an interoperability issue with some WebCams. My (USB connected)Intel Web cam gets error #2044 with any of FLARManager examples. It works fine with other Flex scripts using webcams.
    When I connected my video recording camera to computer the FLARmanager worked fine.
    I have tried to change CAMERA_VALIDATION_TIME:Number = 2000; to some higher number, but it did not help.

    Regards,

  38. revilorb
    January 12th, 2010 | 12:37 pm

    Hello Lee,

    I have watched a couple of your video tutorials re: Flash based AR. The first was getting started with the FLARToolkit. I think I had also watched Sakoosha’s primer on the Toolkit that got me going with a working and web publishable demo of my own sprite objects, e.g. cubes, cones, spheres, etc., tracking against a self-designed marker.

    Second, I watched your video tutorial on http://www.gotoandlearn.com about the use of the FLARManager. I was particularly interested in your addition to the example library of a video mapped to a plane tracking off of the marker, e.g. the Kramer vid. I had no problem duplicating your results and went quickly to another vid and marker combination.

    The problem I am having lies in placing the collection of files in the wwwroot directory on a windows iis based webserver or the var/www directory on a linux box. Once I place the necessary files in the proper directories on those servers and hit them from a remote location, or even from localhost, I get the screen that asks for acceptance or denial of the use of the camera in the FLASH player . and then it just goes black and claims to be loading data.

    I have stripped the example down to a one minute sample.mov file, i.e. the quicktime splash screen sample, and it still hangs on loading.

    Later I went back to the set of examples provided with the FLARManager download and although they all work when I am building them from the IDE, in this case, Windows 7 based FLEX Builder 3, I am still unable to publish the result so that it is visible to a remote web-client or even local host.

    I would be very grateful for any information that you or anyone else could provide that would help me to solve this problem or to shed light on this and similar problems that myself and/or others may be experiencing.

    Thank you in advance for your consideration and assistance. I look forward to hearing from you soon.

  39. Jemery
    January 15th, 2010 | 3:41 am

    Hey, I have followed the tutorial and have the same errors as a few people who have posted.

    Description Resource Path Location Type
    1017: The definition of base class Camera3D was not found. FLARCamera3D.as aguemnted reality/[source path] ActionScript/org/libspark/flartoolkit/support/pv3d line 40 Flex Problem

    Description Resource Path Location Type
    1020: Method marked override must override another method. FLARCamera3D.as aguemnted reality/[source path] ActionScript/org/libspark/flartoolkit/support/pv3d line 121 Flex Problem

    But I cant see a reply with the solution is there any chance you can tell me where I am going wrong
    Thank you

  40. Sooraj T R
    January 16th, 2010 | 3:28 am

    Hi

    am also facing the same issue.. i tried with Flex Builder 3 it was showing version 10 player swc is not found.. again i tried using flash develop and flex sdk 3.6 its compiling with out any error by even camera is not getting initialized.. even i tried with flash cs4 its the showing 3 error s now interface method attachDestiion in namespce org.libspartk..core.labeling:IIFLARLabeling not implemented by class or ….

    please anyone help me..

    Regards

  41. Jemery
    January 21st, 2010 | 5:54 am

    Looks like me and Sooraj T R really need some help, so anyone? please

  42. octagono
    January 27th, 2010 | 11:19 pm

    i need help creating multiple collada models width multiple markers,
    can anyone help me ???

  43. February 3rd, 2010 | 5:56 am

    Hi Lee.
    First of all, thanks a lot for all your awesome tutorials. Watching these was what made me get into working with flash and action scripting.

    I have watched this tutorial, and i would like if you could tell me how i can implement a collada into this aswell? I seem to struggle with getting it in aswell as the movie.

    Regards

Leave a reply