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.
Splengy
great tutorial, thanks for putting this together. i was going to ask eric to simplify his ecplination a little but this pretty much clears it up.
one detail though. i’m working in flash. cs4 FP10
1084: Syntax error: expecting identifier before assign.
in referance to
var patterns:Vector. = new Vector.(|>);
/////////////////////////////from code////////
private function init () :void {
// build list of FLARPatterns for FLARToolkit to detect
var patterns:Vector. = new Vector.(|>);********THIS LINE
patterns.push(new FLARPattern(PATTERN_PATH+”pattern.patt”, PATTERN_RESOLUTION));
pattern = patterns[0];
any ideas? id love to get this working.
MarcPelland
** there is a line : var patterns:Vector.<FLARPattern> = new Vector.<FLARPattern>(); that isn’t displaying properly in the code block and i can’t figure it out… replace it with this previous line.
ericsoco
hey there,
that line is creating a Vector of objects of type FLARPattern, using the “postfix type parameter syntax”:
http://livedocs.adobe.com/flex/gumbo/langref/Vector.html
not sure what the (|>) is, that’s not in my code…?
take a look at v0.2 and let me know if there are still problems (just comment on the blog post).
http://words.transmote.com/wp/20090327/flarmanager-v02-for-flartoolkit/
Marc Pelland
hey,
that part isn’t in my code either. what is happening is my syntax highlighter on my blog is blocking the characters… if you look just below the code area I have posted the correction.
juan_carlos
hi marc, how´re you doing? Man, thanks for the great tutorial. On one hand, I have a small issue with the FLARManager, cause i can´t seem to make it work once I upload it to a server. I get the following error:
Error: Error #2032: Error de secuencia. URL: ../resources/flar/FLARparams.dat
at com.transmote.flar::FLARManager/onCameraParamsLoadError()[C:\Documents and Settings\TOSHIBA\Escritorio\FLARManager\v03\src\com\transmote\flar\FLARManager.as:324]
at flash.events::EventDispatcher/dispatchEventFunction()
at flash.events::EventDispatcher/dispatchEvent()
at flash.net::URLLoader/onComplete()
But on the other hand, when I try to use your code I get a Flex Problem:
A file found in a source-path ‘FLARManagerExample_PV3D’ must have the same name as the class definition inside the file ‘FLARManagerTest_PV3D’
And of course, it doesnt run. :S any suggestions? maybe something I might be doing wrong?
Phil Croucher
Great tutorial, I just had one comile error on line 108 of HelloFlarView.as.
I changed the 0*000000 to 0×000000 to get it to compile.
I just can’t get the movie to recognise my pattern – could this be a result of changing this line or jut a dodgy pattern?
Thanks
Sanjai
Sweet! Very cool stuff Marc.
wart removal
This tutorial is great! I can easily understand what the tutorial want us to know or to learn. I hope many people will visit and see your tutorial on how to start with augmented reality flartoolkit.
Generic Cialis
Thank you for sharing to us.there are many person searching about that now they will find enough resources by your post.I would like to join your blog anyway so please continue sharing with us
new york hats
Sweet! Very cool stuff Marc.
carpet cleaning
Very interesting, but in the middle of this tutorial I lost the trace with those 2 links provided.
ビラミューン
Hi there,
Really nice job,There are many people searching about that now they will find enough sources by your tips.
Also looking forward for more tips about that
Forex Broker
I differ with most people here; I found this post I couldn’t stop until , even though it wasn’t just what I had been searching for, was indeed a great read though. I will instantly take your feed to stay in touch of future updates
Door Knobs
Hi there, I just wanted to say thanks for this informative post, can you please allow me to post it on my blog?
jhu isis
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.
Marnie
Heck yeah this is ecxtaly what I needed.