Augmented Reality Application Tutorial for Education 2

12
AUGMENTED REALITY TUTORIALS MOBILE APPLICATION 2 [AR02] Vuforia + Unity ISIDRO NAVARRO AR Architect MODELOS 3D ETSAB AR

description

Educational Application using Augmented Reality ‘MODELOS 3D ETSAB AR’ The case study is developed in the context of the thesys about AR in Architecture Technical School of Architecture of Barcelona (ETSAB-UPC) The application shows the geometry of 3D models with the Augmented Reality using mobile devices.

Transcript of Augmented Reality Application Tutorial for Education 2

Page 1: Augmented  Reality Application Tutorial for Education 2

AUGMENTED REALITY TUTORIALSMOBILE APPLICATION 2

[AR02] Vuforia + Unity

ISIDRO NAVARROAR Architect

MODELOS 3DETSAB AR

Page 2: Augmented  Reality Application Tutorial for Education 2

2

AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO

MOBILE APPLICATION 2

VUFORIA + UNITY2013

INTRODUCTION• Educational Application using Augmented

Reality ‘MODELOS 3D ETSAB AR’– The case study is developed in the context of the

thesys about AR in Architecture Technical School of Architecture of Barcelona (ETSAB-UPC)

– The application shows the geometry of 3D models with the Augmented Reality using mobile devices.

Page 3: Augmented  Reality Application Tutorial for Education 2

3

AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO

MOBILE APPLICATION 2

VUFORIA + UNITY2013

RESOURCES• Software– Vuforia SDK 2.6 https://developer.vuforia.com/resources/sdk/unity

– Unity http://unity3d.com/unity/download/

Page 4: Augmented  Reality Application Tutorial for Education 2

4

AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO

MOBILE APPLICATION 2

VUFORIA + UNITY2013

DEVELOPMENT• 3D models– Creation of contents• Models from AutoCAD are converted in 3DStudio MAX

file format .MAX

Page 5: Augmented  Reality Application Tutorial for Education 2

5

AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO

MOBILE APPLICATION 2

VUFORIA + UNITY2013

• Target Images– Creation of contents• Create images from models in file format .PNG or .JPG• Configure the images and download for ‘Unity Editor’https://developer.vuforia.com/target-manager

Page 6: Augmented  Reality Application Tutorial for Education 2

6

AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO

MOBILE APPLICATION 2

VUFORIA + UNITY2013

• Unity– Creating the project• Import the Vuforia assets and the previous Targets file

Page 7: Augmented  Reality Application Tutorial for Education 2

7

AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO

MOBILE APPLICATION 2

VUFORIA + UNITY2013

• Unity– Creating an AR CAMERA• Delete the Main Camera and add the ARCamera from

the Prefab folder• Include the ‘Simultaneous image targets’ and activate

the ‘Data Set’ loaded before

Page 8: Augmented  Reality Application Tutorial for Education 2

8

AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO

MOBILE APPLICATION 2

VUFORIA + UNITY2013

• Unity– Creating an IMAGE TARGET• Add the ‘Image Target’ asset from prefab folder• Orient the AR Camera to center the target image

Page 9: Augmented  Reality Application Tutorial for Education 2

9

AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO

MOBILE APPLICATION 2

VUFORIA + UNITY2013

• Unity– 3D Model• Insert the 3D models into the assets folder of Unity• Drag and Drop the file on the Image Target asset

Page 10: Augmented  Reality Application Tutorial for Education 2

10

AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO

MOBILE APPLICATION 2

VUFORIA + UNITY2013

APPLICATION• Unity– Creating the Application• Configure the export settings and build the Application

Page 11: Augmented  Reality Application Tutorial for Education 2

11

AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO

MOBILE APPLICATION 2

VUFORIA + UNITY2013

DEMOSTRATION• Mobile device Android– Install the file .APK from Google Play– Run the application and scan the images ‘targets’

> VIDEO