Getting Started with Augmented Reality / FLARToolKit
Table of Contents
- Overview
- Setup
- Create Your First Project with Augmented Reality
- Optimize and Customize the Settings
- Tutorial Files
- Finished Scene
Overview
What is Augmented Reality?
Augmented Reality is a technology that allows you to superimpose images into real-time environments. For the purposes of this tutorial, you just need to know that it reads a marker (shape/symbol), interprets the angle and size of that marker and then allows you to place objects at that size and position on the screen (or whatever your medium is).
Here are a couple example videos:
Mini Video and the GE Site
What is FLARToolKit?
To start with ARToolKit is the development package that has allowed developers to tap into the power of Augmented Reality. FLARToolKit is an Actionscript 3 port of the Java version of the toolkit.
What do I need for this tutorial?
In this tutorial, we are going to use FLAR Manager, which is a framework setup to make the combination of Papervision 3D and FLARToolKit easy and quick to setup/use.
If you would like to simply use FLARToolKit (or just get a little more information about it) clik on the following link: http://www.libspark.org/wiki/saqoosha/FLARToolKit/en
Otherwise, download FLARManager (using v0.1 in this tutorial) from http://words.transmote.com/wp/20090309/flarmanager-v01/ . FLARManager actually comes with a build of FLARToolKit in it and you can get it for AS3/FP9 or AS3/FP10 (we are using FP10).
You will also need FlashDevelop or another Actionscript editing tool. In this tutorial I am going to be compiling my code directly from FlashDevelop, but feel free to use the compiler/method of your choice.
You should also get a pattern generator so that you can create your own patterns (markers). Go here for more details: http://www.squidder.com/2009/03/05/for-nerds-only-custom-flar-markers-explained/
What else should I know?
You should be aware of the fact that there is a licensing fee to use check here: http://www.hitl.washington.edu/artoolkit/license.html for more details.
February 7th, 2009 at 2:07 am
I bet many of PV3D developers are waiting for something like that. It looks very interesting, it’s a nice work even if its on an early state, i wonder if someday it will turn into a desktop app (maybe it could be added as an option).
April 29th, 2009 at 6:04 pm
Hi Marc
This tutorial its so awesome, its really answers me a lot of doubts about FLAR and how to handle it
I got a question.
How can I detect the angle of the container where all the items were placed, i mean, if I rotate the pattern over any angle in diferent axis(x,y,z), how can i get the currents angle(x,y,z) were the container is rotates
Best regards,
David Andres Niño
May 5th, 2009 at 10:37 pm
A error!!, please you can’t send project source files?
Spanish
Me ocurren errores cuando quiero ejecutar los archivos, me dice que las clases tienen errores, me podrias enviar el proyecto completo?
Gracias
May 6th, 2009 at 9:03 am
Hello !!
Thanks for great explainations on a difficult subject
(at least for me)
I followed all your step but I still get an error :
Error #1063: Argument count mismatch on HelloFlarView$iinit(). 3 expected, 0 found.
(translated from french sorry)
Any idea how to fix that ?
Thanks a lot !!!
May 13th, 2009 at 8:34 pm
It’s great, but when i rotate my face, it can’t tracking
July 16th, 2009 at 7:37 pm
I have two major problems following this tutorial:
1. if i chose flash 10 nothing will compile with the error Error: unknown configuration variable ‘target-player’
10.0.0
2. if i chose flash 9 i get the error FLARManagerTest_PV3D.as(44): col: 24 Error: Syntaxfehler: identifier vor lessthan erforderlich.
var patterns:Vector. = new Vector.();
^
Build halted with errors (mxmlc).
Done (1)
i guess it’s because i use newer versions, any idea how to fix this would be appreciated
August 14th, 2009 at 6:21 pm
Thanks for the tutorial. So far, so good.
August 19th, 2009 at 3:06 am
Hey. I believe that all government is evil, and that trying to improve it is largely a waste of time. Help me! Please help find sites for: Deep conditioners recipe. I found only this – best central air conditioners. Applications the sag fighter is a specific type of power conditioner used for protection against deep voltage sags deep voltage drops. In recent years, I purchased a “prize” yellow labrador puppy and began searching the market for a shampoo and conditioner that would serve that vivid memory. Thanks for the help :rolleyes:, Giva from Hungary.
August 29th, 2009 at 4:33 am
Excuse me. Computer Science is no more about computers than astronomy is about telescopes. Help me! Could you help me find sites on the: Stock to pick. I found only this – louis navellier stock picks. Barron’s agreed the shape that madoff’s tricks were most even such to basic making his player’s ivory coefficients, future stock picks. Best regards
, Kachine from Cambodia.
October 19th, 2009 at 5:54 am
hello, i am tommy ,i am a student,i want to create some flash game use the face detection, but i dont know how can do it.i try serach it information in internet but i cant search the particular description to tell the face detection by flash.
could you tell me have any website have particular to tell the flash face detection ,thank you very much.
January 11th, 2010 at 7:08 pm
Would you be so kind as to share this code?
January 15th, 2010 at 1:12 pm
if you want to check out what you can do with this library I leave my projects page here http://facepong.blogspot.com/
January 24th, 2010 at 7:03 am
Hi there,
I am trying to follow your example but i get a black window (no camera input). Any idea how to fix this??
btw: for those having the lessthan error. Make sure you target Flash player 10 and also have the latest flex sdk
March 2nd, 2010 at 1:18 am
I have an error.
C:\Users\Carlos\HelloFlarToolkit\src\views\HelloFlarView.as(103): col: 108 Error: Syntax error.
var materialsList:MaterialsList = new MaterialsList({all: new FlatShadeMaterial(pointLight3D, 0xffffff, 0×000000)});
Anyone can help me?
March 2nd, 2010 at 10:10 pm
Alex, I have the same problem. I only see a black window. Did you fix the problem?
March 2nd, 2010 at 11:11 pm
looks like you are using a special character in the colour definition (0×000000), that isn’t an x that you are using. that could be the reason for that error
March 13th, 2010 at 4:50 am
Hi there, I’m looking for a ready to use online application who can do the same than : http://www.photofunia.com/lab/face_swap/
Any idea where a can find a such api ?
Thanks
June 1st, 2010 at 1:42 pm
The mortgage loans suppose to be useful for guys, which are willing to start their business. As a fact, that’s not hard to get a short term loan.
August 9th, 2010 at 3:43 am
I am trying to follow your example but i get a black window (no camera input). Any idea how to fix this??
August 9th, 2010 at 10:42 pm
nice articles thank you for sharing