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

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