augmented reality tutorial - transparency & shadow in unity
DESCRIPTION
Augmented Reality Tutorial to create Shadows using Transparency with Unity. The model from 3DMAX is exported to UNITY in FBX format and textures are edited using PHOTOSHOP. Unity includes VUFORIA AR-package to asing Markers. The App 'MODELOS 3D ETSAB AR' is avaiableTRANSCRIPT
AUGMENTED REALITY TUTORIALSTRANPARENCY & SHADOW IN UNITY
MAX + PhotoShop + Unity
ISIDRO NAVARROAR & VR Architect
2
AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO
TRANSPARENCY & SHADOW IN UNITY
MAX + PHOTOSHOP + UNITY2013
INTRODUCTION• Application using Augmented Reality
‘MODELOS 3D ETSAB AR’– Transparency using UNITY– MAX -> Render to Texture (lightmap)– Photoshop -> Alpha Channel– Unity -> Shader with transparency from Alpha.
3
AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO
TRANSPARENCY & SHADOW IN UNITY
MAX + PHOTOSHOP + UNITY2013
MAPPING• MAX– Insert an Skylight and No Exposure Control
4
AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO
TRANSPARENCY & SHADOW IN UNITY
MAX + PHOTOSHOP + UNITY2013
• MAX– Unwrap geometries
5
AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO
TRANSPARENCY & SHADOW IN UNITY
MAX + PHOTOSHOP + UNITY2013
• MAX– Render to Texture each mesh• CompleteMap for objects and LightMap for the plane.• Create new Materials using Diffuse Map only for both.
6
AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO
TRANSPARENCY & SHADOW IN UNITY
MAX + PHOTOSHOP + UNITY2013
EDITING TEXTURES• PHOTOSHOP– Addition of Alpha Channel to the shadow map• Create a layer with the background
7
AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO
TRANSPARENCY & SHADOW IN UNITY
MAX + PHOTOSHOP + UNITY2013
EDITING TEXTURES• PHOTOSHOP– Addition of Alpha Channel to the shadow map• Select by color and create an Alpha channel with the
selection• Reducing bright to layer gets darker shadows
8
AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO
TRANSPARENCY & SHADOW IN UNITY
MAX + PHOTOSHOP + UNITY2013
APPLYING TEXTURES• MAX– Save as PNG image in 512x512 format– Add as Difusse Map to the plane
9
AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO
TRANSPARENCY & SHADOW IN UNITY
MAX + PHOTOSHOP + UNITY2013
3D MODEL IN UNITY• UNITY– Save the texture maps and the MAX file into the
assets folder of the Unity Project– Assing the model to the Image Target
AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO
TRANSPARENCY & SHADOW IN UNITY
MAX + PHOTOSHOP + UNITY2013
• UNITY– Activate ‘Alpha Is Transparency’ parameter in the
Texture Map and use ‘Truecolor’ Format
10
11
AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO
TRANSPARENCY & SHADOW IN UNITY
MAX + PHOTOSHOP + UNITY2013
• UNITY– Select the shader ‘Transparent/Bumped Difusse’– Use the color correction for darker shadows
selecting the Plane object from the Assets folders
12
AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO
TRANSPARENCY & SHADOW IN UNITY
MAX + PHOTOSHOP + UNITY20132013
Isidro NavarroLinkedInYoutube
SlideshareGoogle+Twitter
FacebookScholarMeetup