augmented reality application tutorial for education 2
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
![Page 1: Augmented Reality Application Tutorial for Education 2](https://reader033.vdocument.in/reader033/viewer/2022061103/540600118d7f72a1768b487b/html5/thumbnails/1.jpg)
AUGMENTED REALITY TUTORIALSMOBILE APPLICATION 2
[AR02] Vuforia + Unity
ISIDRO NAVARROAR Architect
MODELOS 3DETSAB AR
![Page 2: Augmented Reality Application Tutorial for Education 2](https://reader033.vdocument.in/reader033/viewer/2022061103/540600118d7f72a1768b487b/html5/thumbnails/2.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022061103/540600118d7f72a1768b487b/html5/thumbnails/3.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022061103/540600118d7f72a1768b487b/html5/thumbnails/4.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022061103/540600118d7f72a1768b487b/html5/thumbnails/5.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022061103/540600118d7f72a1768b487b/html5/thumbnails/6.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022061103/540600118d7f72a1768b487b/html5/thumbnails/7.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022061103/540600118d7f72a1768b487b/html5/thumbnails/8.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022061103/540600118d7f72a1768b487b/html5/thumbnails/9.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022061103/540600118d7f72a1768b487b/html5/thumbnails/10.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022061103/540600118d7f72a1768b487b/html5/thumbnails/11.jpg)
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
![Page 12: Augmented Reality Application Tutorial for Education 2](https://reader033.vdocument.in/reader033/viewer/2022061103/540600118d7f72a1768b487b/html5/thumbnails/12.jpg)
12
AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO
MOBILE APPLICATION 2
VUFORIA + UNITY2013
Isidro NavarroLinkedInYoutube
SlideshareGoogle+Twitter
FacebookMeetup