37 lines
1.8 KiB
Markdown
37 lines
1.8 KiB
Markdown
# 2D Renderer and Shader Graph
|
|
|
|
## Creating a Lit Shader
|
|
|
|
1. Create a new Asset by selecting __Assets > Create > Shader Graph > URP > Sprite Lit Shader Graph__. The Shader Graph Asset is then created in the Asset window.
|
|
|
|

|
|
<br/>
|
|
|
|
2. Double-click the new Asset to open the __Shader Graph__.
|
|

|
|
<br/>
|
|
|
|
3. Create three **Sample Texture 2D** Nodes by right-clicking on the Shader Graph window and selecting **Create Node**, then search for and select the **Sample Texture 2D** option.
|
|

|
|
<br/>
|
|
|
|
4. Change the **Type** of one of the Nodes to **Normal**.
|
|

|
|
<br/>
|
|
|
|
5. Attach the RGBA(4) **Output Slot** of the **Default Type** Nodes as shown below. Note that you should attach the **Normal Type** Node's Output Slot to the **Normal(Tangent Space)(3)** Input Slot.
|
|

|
|
<br/>
|
|
|
|
6. Create three **Texture 2D** properties by selecting the **+** on the [Blackboard](http://docs.unity3d.com/Packages/com.unity.shadergraph@12.0/manual/Blackboard.html), and then select **Texture 2D**. Name them 'MainTex', 'MaskTex', and 'NormalMap' for this example.
|
|
 
|
|
<br/>
|
|
|
|
7. Drag each of the **Texture 2D** properties onto the editor window. Attach each of the properties to the **Input Slots** of the Sample Texture 2D Nodes as shown below. Note that the 'NormalMap' property must be attached to the **Normal Type** Node only.
|
|

|
|
<br/>
|
|
8. Select **Save Asset** to save the Shader.
|
|

|
|
|
|
You can now apply the newly built Shader to materials.
|