Augmented Rality Tutorial - Transparency & Shadows in Unity

AUGMENTED REALITY TUTORIALS TRANPARENCY & SHADOW IN UNITY MAX + PhotoShop + Unity

ISIDRO NAVARRO AR & VR Architect

AUGMENTED REALITY TUTORIALS

By ISIDRO NAVARRO

TRANSPARENCY & SHADOW IN UNITY

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.

2013

MAX + PHOTOSHOP + UNITY

2

AUGMENTED REALITY TUTORIALS

By ISIDRO NAVARRO

TRANSPARENCY & SHADOW IN UNITY

MAPPING • MAX – Insert an Skylight and No Exposure Control

2013

MAX + PHOTOSHOP + UNITY

3

AUGMENTED REALITY TUTORIALS

TRANSPARENCY & SHADOW IN UNITY

By ISIDRO NAVARRO

• MAX – Unwrap geometries

2013

MAX + PHOTOSHOP + UNITY

4

AUGMENTED REALITY TUTORIALS

By ISIDRO NAVARRO

TRANSPARENCY & SHADOW IN UNITY

• MAX – Render to Texture each mesh • CompleteMap for objects and LightMap for the plane.

• Create new Materials using Diffuse Map only for both.

2013

MAX + PHOTOSHOP + UNITY

5

AUGMENTED REALITY TUTORIALS

By ISIDRO NAVARRO

TRANSPARENCY & SHADOW IN UNITY

EDITING TEXTURES • PHOTOSHOP – Addition of Alpha Channel to the shadow map • Create a layer with the background

2013

MAX + PHOTOSHOP + UNITY

6

AUGMENTED REALITY TUTORIALS

By ISIDRO NAVARRO

TRANSPARENCY & SHADOW IN UNITY

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

2013

MAX + PHOTOSHOP + UNITY

7

AUGMENTED REALITY TUTORIALS

By ISIDRO NAVARRO

TRANSPARENCY & SHADOW IN UNITY

APPLYING TEXTURES • MAX – Save as PNG image in 512x512 format – Add as Difusse Map to the plane

2013

MAX + PHOTOSHOP + UNITY

8

AUGMENTED REALITY TUTORIALS

By ISIDRO NAVARRO

TRANSPARENCY & SHADOW IN UNITY

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

2013

MAX + PHOTOSHOP + UNITY

9

AUGMENTED REALITY TUTORIALS

By ISIDRO NAVARRO

TRANSPARENCY & SHADOW IN UNITY

• UNITY – Activate ‘Alpha Is Transparency’ parameter in the Texture Map and use ‘Truecolor’ Format

2013

MAX + PHOTOSHOP + UNITY

10

AUGMENTED REALITY TUTORIALS

By ISIDRO NAVARRO

TRANSPARENCY & SHADOW IN UNITY

• UNITY – Select the shader ‘Transparent/Bumped Difusse’ – Use the color correction for darker shadows selecting the Plane object from the Assets folders

2013

MAX + PHOTOSHOP + UNITY

11

AUGMENTED REALITY TUTORIALS

By ISIDRO NAVARRO

TRANSPARENCY & SHADOW IN UNITY

Isidro Navarro LinkedIn Youtube Slideshare Google+ Twitter Facebook Scholar Meetup

2013 2013

MAX + PHOTOSHOP + UNITY

12