Amplify Shader Editor, SensitiveCube,
Hi! SensitiveCube here!
In this tutorial, I’ll show you how to make Hologram indicator. You will learn : UV editing and baking normal map with Cinema4d, Edit normal map with Photoshop and Quixel, Create shader with Unity Amplify shader Editor, Node base scripting with Unity Playmaker.
hologram indicator by sensitiveCube

an image of Unity with Amplify shader editor and playmaker

Create shader with Amplify Shader Editor : add first node

At first, import same asset to Unity. indi_indiset.fbx, indiNormal_quixel.png, screenMask.png, lineNoise.png and wagerFlag.jpg( or your favorite picture). Select the fbx file and hit Extract Materials in Inspector > Materials. Also change Animation Type to Legacy in Rig.
Let’s create shader for hologram. In this tutorial, I use amplify shader editor.

Firstly create Amplify surfase shader in project panel.

Hologram indicator : tutorial 3 Unity with Amplify shader editor and playmaker

an image of Unity with Amplify shader editor and playmaker

The editor window will open. Go to left side of window and change the name to ‘hologram’. Also change parameters. Light Mode to Unlit, Shader Model to 2.5 and Blend Mode to Transparent. Make sure all parameters of Rendering Pratforms are on.

Hologram indicator : tutorial 3 Unity with Amplify shader editor and playmaker

an image of Unity with Amplify shader editor and playmaker

Add first node, the Color node. Right click in editor and type color and hit ‘color[5]’.

Hologram indicator : tutorial 3 Unity with Amplify shader editor and playmaker

an image of Unity with Amplify shader editor and playmaker

Change Type to Property and Connect to Emission. Change the color to white. Add Texture sample node and Select ‘ScreenMask.png’ Conect ‘R’ to ‘Opacity’.

Hologram indicator : tutorial 3 Unity with Amplify shader editor and playmaker

an image of Unity with Amplify shader editor and playmaker

I want to check this shader. Select ‘indiHolo’ material and change the shader to ‘hologram’.

Hologram indicator : tutorial 3 Unity with Amplify shader editor and playmaker

an image of Unity with Amplify shader editor and playmaker

Create a cube in Hierarchy panel and assign the material to it. This is good start.
Hologram indicator : tutorial 3 Unity with Amplify shader editor and playmaker

an image of Unity with Amplify shader editor and playmaker

Create shader with Amplify Shader Editor : texture animation

Add another Texture sample node and select ‘lineNoise.png’. I want to mix these textures. Add Multiply node and connect both textures ‘R’ node to Multiply node. Then connect Multiply to ‘Opacity’.
Hologram indicator : tutorial 3 Unity with Amplify shader editor and playmaker

an image of Unity with Amplify shader editor and playmaker

Select Cube in Hierarchy again and goto Inspector panel. Click cogwheel icon in ‘indiHolo’ material area and hit Reset.

Hologram indicator : tutorial 3 Unity with Amplify shader editor and playmaker

an image of Unity with Amplify shader editor and playmaker

Now you can check the shader.
Next, Add animation to ‘lineNoise.png’. We need five nodes. It is Bit complicated so I give you a screenshot first.
Hologram indicator : tutorial 3 Unity with Amplify shader editor and playmaker

an image of Unity with Amplify shader editor and playmaker

What’s these nodes doing is sclooling the texture’ uv vertical by time. Vector node set the animation vertical. Time Parameter define the animation speed. Add two more nodes, Texture Samples and Multiply. Add ‘waterFlag.jpg’ to texture samples and conncect to Multiply. also color node connect to Multiply and Multiply to Emission.
Hologram indicator : tutorial 3 Unity with Amplify shader editor and playmaker

an image of Unity with Amplify shader editor and playmaker

Visual scripting with Playmaker : preparation

So, shader is done and let’s check with fbx. Select ‘indi_indiset’ in Project and goto Inspector. Turn on Amination and HIt play button.

Hologram indicator : tutorial 3 Unity with Amplify shader editor and playmaker

an image of Unity with Amplify shader editor and playmaker

You can see the shader with amination. At last, set other materials like below.

Hologram indicator : tutorial 3 Unity with Amplify shader editor and playmaker

an image of Unity with Amplify shader editor and playmaker

Hologram indicator : tutorial 3 Unity with Amplify shader editor and playmaker

an image of Unity with Amplify shader editor and playmaker

The last section is visual scripting with playmaker. Make function that turn on/off Hologram with player’s distance. Select indi_indiset and goto inspector.

Hologram indicator : tutorial 3 Unity with Amplify shader editor and playmaker

an image of Unity with Amplify shader editor and playmaker

Hologram indicator : tutorial 3 Unity with Amplify shader editor and playmakerHologram indicator : tutorial 3 Unity with Amplify shader editor and playmaker

an image of Unity with Amplify shader editor and playmaker

In Rig, Make sure the fbx’s Animation Type is Legacy. In Animation, create two Clips and change duration. ‘open’ set from 0.0 to 50.0 and ‘close’ set from 50.0 to 100.0. Then add indi_indiset to Hierarchy.

Visual scripting with Playmaker : swith with distance.

In Inspector panel, turn of Play automatically in Animation. hit Add Comonent and add Play Maker FSM.
Hologram indicator : tutorial 3 Unity with Amplify shader editor and playmakerHologram indicator : tutorial 3 Unity with Amplify shader editor and playmaker

an image of Unity with Amplify shader editor and playmaker

Open Playmaker editor. I’ll show you the final FSM view. In init state, store Main Camera to ‘mainCam’ variable. wainNear and waitFar states check distance between maincamera(=Player) and this object.
Hologram indicator : tutorial 3 Unity with Amplify shader editor and playmakerHologram indicator : tutorial 3 Unity with Amplify shader editor and playmaker

an image of Unity with Amplify shader editor and playmaker

If the distance is longer/shorter than ‘switcVal’, move to openAnim or closeAnim state. The openAnim or closeAnim states just play animations and goto next states. You can check this in Unity play mode with moving Main Camera.
Hologram indicator : tutorial 3 Unity with Amplify shader editor and playmakerHologram indicator : tutorial 3 Unity with Amplify shader editor and playmaker

an image of Unity with Amplify shader editor and playmaker

Hologram indicator : tutorial 3 Unity with Amplify shader editor and playmakerHologram indicator : tutorial 3 Unity with Amplify shader editor and playmaker

an image of Unity with Amplify shader editor and playmaker

Hologram indicator : tutorial 3 Unity with Amplify shader editor and playmakerHologram indicator : tutorial 3 Unity with Amplify shader editor and playmaker

an image of Unity with Amplify shader editor and playmaker

Hologram indicator : tutorial 3 Unity with Amplify shader editor and playmakerHologram indicator : tutorial 3 Unity with Amplify shader editor and playmaker

an image of Unity with Amplify shader editor and playmaker

Hologram indicator : tutorial 3 Unity with Amplify shader editor and playmakerHologram indicator : tutorial 3 Unity with Amplify shader editor and playmaker

an image of Unity with Amplify shader editor and playmaker

Hologram indicator : tutorial 3 Unity with Amplify shader editor and playmakerHologram indicator : tutorial 3 Unity with Amplify shader editor and playmaker

an image of Unity with Amplify shader editor and playmaker

If it work correctry, upload to STYLY and done, Enjoy!

SensitiveCube

I'm highly motivated digital artist who create CGI, mograph and VR/AR. The tools are C4D, 3dsMax, AE, Unity and more! Twitter @onCube_jp Instagram @SensitiveCube http://www.sensitivecube.jp/

Share this article

Shares
Facebook Twitter Google+ Pinterest hatebu

About STYLY

STYLY is a cloud-based service for creating high quality,beautiful VR spaces that doesn’t require any coding. By using STYLY, creators can express their imaginations indefinitely and build a variety of virtual spaces. Through these spaces, we can share experiences that are unachievable in the real world.

Unity

To all Unity creators.
STYLY is announce the uploading feature of Unity scene.

Click here

×