Stickers, Straws, and Augmented Reality: the DIY approach ... · Stickers, Straws, and Augmented...

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


Example of a “Magic Lens” Augmented Reality Lab at York


ARLAB objects in Max/MSP


Tubman Centre - VRPN Labyrinth project


Tubman Centre - Underground RailroadVuforia on iOS


52 Card Psycho by G. A. Rhodeswww.52cardcinema.com


http://www.52cardcinema.com

http://www.52cardcinema.com

AR on AR Geoffrey Alan Rhodes


We AR in Moma Sander Veenhof, Mark Skwarek

http://wttfuture.wordpress.com/2010/10/09/sander-veenhof-pioneers-augmented-reality-art-at-moma-nyc/








Gremlin-infested Positioning System

Andrew Rothhttp://www.aranarproductions.com/envision.html


http://www.aranarproductions.com/envision.html




Street Museum iPhone Apphttp://www.creativereview.co.uk/cr-blog/2010/may/streetmuseum-app


LE MONDE DES MONTAGNES

CAMILLE SCHERRERhttp://www.chipchip.ch/2_frameset.html


http://www.chipchip.ch/2_frameset.html

http://www.chipchip.ch/2_frameset.html

by Camille Utterbackhttp://musesphere.com/regeneration/rain.jpgText Rain

an example of a “magic Mirror”


http://musesphere.com/regeneration/rain.jpg

http://musesphere.com/regeneration/rain.jpg

Pepper’s Ghost -1862


David Hoffos Scenes From a Dream House


PTAM demo by Georg Klein


“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.


Tools:How do you shorten

the Production- testing cycle?


D.A.R.T. - Designers Augmented Reality

ToolkitSaturday, 21 April, 12

SnapDragonAR - Inexpensive Drag and

Drop 2d ARSaturday, 21 April, 12

22


23


24


25


26


27


28


29


30


31


32


33


34


35


36


37


§ On your iOS device or Android

38

http://www.aurasma.com/


http://itunes.com/apps/aurasma/aurasmalite

http://itunes.com/apps/aurasma/aurasmalite

https://market.android.com/details?id=com.aurasma.aurasma

https://market.android.com/details?id=com.aurasma.aurasma

http://www.aurasma.com

http://www.aurasma.com

§ Break

39


FLARToolkitOpen Source Built on ARToolkitMaking it DIY

Source: http://www.libspark.org/wiki/saqoosha/FLARToolKit/en


http://www.libspark.org/wiki/saqoosha/FLARToolKit/en

http://www.libspark.org/wiki/saqoosha/FLARToolKit/en

Source: http://www.futurestories.ca/osc

Tunnel Pop-up Book


http://www.futurestories.ca/osc

http://www.futurestories.ca/osc

The Toronto Museum Project

By: Andrew Roth


Download: futurestories.ca/oscor

futurestories.ca/toronto


http://futurestories.ca/osc

http://futurestories.ca/osc

Make your images and video. Photoshop LayersTransparent PNGs

Quicktime Video (Sound)


Preview: Instant Alpha

Open in Preview

Select the background

Delete Selection

Save As PNG with Alpha


Add them to the Media folder

MYFISH.png


Edit playlist.xml

<video id="myScene" desc="myDesc">fairytale.mov</video><image id="myScene" desc="clouds">MYFISH.png</image>


Duplicate for Each New Scene

<media>

<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>

<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.

3. Fix the “Global Flash Security Settings” to test


Open multivideo.html.

Embed it in your own webpage.


Requiem

By: Caitlin Fisher and Charles Fisher


The Amazing Cinemagician

By: Helen Papagiannis


Stickers, Straws, and Augmented Reality: the DIY approach ... · Stickers, Straws, and Augmented...

Documents

Transcript of Stickers, Straws, and Augmented Reality: the DIY approach ... · Stickers, Straws, and Augmented...