Stickers, Straws, and Augmented Reality: the DIY approach to
Prototyping AR experiences
Future Cinema Lab | Augmented Reality Lab at York University
Caitlin Fisher | Andrew Roth
Saturday, 21 April, 12
The Augmented Reality Lab at York
yorku.ca/arlabyoutube.com/thearlab
Saturday, 21 April, 12
Example of a “Magic Lens” Augmented Reality Lab at York
Saturday, 21 April, 12
ARLAB objects in Max/MSP
Saturday, 21 April, 12
Tubman Centre - VRPN Labyrinth project
Saturday, 21 April, 12
Tubman Centre - Underground RailroadVuforia on iOS
Saturday, 21 April, 12
52 Card Psycho by G. A. Rhodeswww.52cardcinema.com
Saturday, 21 April, 12
Saturday, 21 April, 12
AR on AR Geoffrey Alan Rhodes
Saturday, 21 April, 12
We AR in Moma Sander Veenhof, Mark Skwarek
http://wttfuture.wordpress.com/2010/10/09/sander-veenhof-pioneers-augmented-reality-art-at-moma-nyc/
Saturday, 21 April, 12
Gremlin-infested Positioning System
Andrew Rothhttp://www.aranarproductions.com/envision.html
Saturday, 21 April, 12
Street Museum iPhone Apphttp://www.creativereview.co.uk/cr-blog/2010/may/streetmuseum-app
Saturday, 21 April, 12
LE MONDE DES MONTAGNES
CAMILLE SCHERRERhttp://www.chipchip.ch/2_frameset.html
Saturday, 21 April, 12
by Camille Utterbackhttp://musesphere.com/regeneration/rain.jpgText Rain
an example of a “magic Mirror”
Saturday, 21 April, 12
Pepper’s Ghost -1862
Saturday, 21 April, 12
David Hoffos Scenes From a Dream House
Saturday, 21 April, 12
PTAM demo by Georg Klein
Saturday, 21 April, 12
“We believe that the lack of appropriate tools is one of the factors limiting research and deployment of (Mixed Reality)
systems, especially in domains such as entertainment that require
skilled designers and artists to create robust, complex content.”
MacIntyre, Authoring... 3.
Saturday, 21 April, 12
Tools:How do you shorten
the Production- testing cycle?
Saturday, 21 April, 12
D.A.R.T. - Designers Augmented Reality
ToolkitSaturday, 21 April, 12
SnapDragonAR - Inexpensive Drag and
Drop 2d ARSaturday, 21 April, 12
22
Saturday, 21 April, 12
23
Saturday, 21 April, 12
24
Saturday, 21 April, 12
25
Saturday, 21 April, 12
26
Saturday, 21 April, 12
27
Saturday, 21 April, 12
28
Saturday, 21 April, 12
29
Saturday, 21 April, 12
30
Saturday, 21 April, 12
31
Saturday, 21 April, 12
32
Saturday, 21 April, 12
33
Saturday, 21 April, 12
34
Saturday, 21 April, 12
35
Saturday, 21 April, 12
36
Saturday, 21 April, 12
37
Saturday, 21 April, 12
§ On your iOS device or Android
38
http://www.aurasma.com/
Saturday, 21 April, 12
§ Break
39
Saturday, 21 April, 12
FLARToolkitOpen Source Built on ARToolkitMaking it DIY
Source: http://www.libspark.org/wiki/saqoosha/FLARToolKit/en
Saturday, 21 April, 12
Source: http://www.futurestories.ca/osc
Tunnel Pop-up Book
Saturday, 21 April, 12
The Toronto Museum Project
By: Andrew Roth
Saturday, 21 April, 12
Download: futurestories.ca/oscor
futurestories.ca/toronto
Saturday, 21 April, 12
Make your images and video. Photoshop LayersTransparent PNGs
Quicktime Video (Sound)
Saturday, 21 April, 12
Preview: Instant Alpha
Open in Preview
Select the background
Delete Selection
Save As PNG with Alpha
Saturday, 21 April, 12
Add them to the Media folder
MYFISH.png
Saturday, 21 April, 12
Edit playlist.xml
<video id="myScene" desc="myDesc">fairytale.mov</video><image id="myScene" desc="clouds">MYFISH.png</image>
Saturday, 21 April, 12
Duplicate for Each New Scene
<media><!-- Andrew's scene 1-->
<video id="scene Andrew" desc="fog and music">fairytale.mov</video>
<image id="scene Andrew" desc="clouds">MYFISH.png</image>
<image id="scene Andrew" desc="title">title1.png</image><image id="scene Andrew" desc="frame">archD.png</image><image id="scene Andrew" desc="frame">archC.png</image><image id="scene Andrew" desc="frame">archB.png</image><image id="scene Andrew" desc="frame">archA.png</image><image id="scene Andrew" desc="Floor">Picture.png</image>
<!-- Andrew's scene 2--><video id="scene Andrew" desc="fog and music">fairytale.mov</video>
<image id="scene Andrew" desc="clouds">MYOtherFISH.png</image><image id="scene Andrew" desc="title">title1.png</image>
<image id="scene Andrew" desc="frame">archD.png</image><image id="scene Andrew" desc="frame">archC.png</image><image id="scene Andrew" desc="frame">archB.png</image><image id="scene Andrew" desc="frame">archA.png</image><image id="scene Andrew" desc="Floor">Picture.png</image>
</media>
Keep between the <media> </media> tags.
Saturday, 21 April, 12
3. Fix the “Global Flash Security Settings” to test
Saturday, 21 April, 12
Open multivideo.html.
Embed it in your own webpage.
Saturday, 21 April, 12
Requiem
By: Caitlin Fisher and Charles Fisher
Saturday, 21 April, 12
The Amazing Cinemagician
By: Helen Papagiannis
Saturday, 21 April, 12