Mar
14
2018

QuickStart: Unity Visual Shader Editor

tl;dr, use beta10+, install Render-pipelines-lightweight with Package Manager, create/rendering/lightweight pipeline asset, assign it to graphics settings, create/shader/unlit graph, double click to edit in visual editor!


Install & Use Visual Shader Editor

– Download and install Unity Beta : https://unity3d.com/unity/beta-download

– Create New Empty Project

Window / Package Manager, Go to All Packages tab, Select Render-pipelines-lightweigth and click Install (ShaderGraph is included in this package)

– Right click on project window, Create/Rendering/LightWeight Pipeline Asset

Edit/Project Settings/Graphics, Assign your Scriptable Rendering Pipeline asset here (otherwise your shader graph shaders are all pink)

– Create New Shader Graph: Right click on project window, select Create/Shader/Unlit Graph

– Select the created shader, Double Click it to open in Shader Editor, or click “Open in shader editor” in inspector

– Now you can start building your shader!

– Click +  in the blackboard (left side) to add properties to the material (then drag & drop those properties into node canvas to use them)

– Right click over node canvas to add shader nodes

– Click save asset to save changes to shader, then create material and assign your shader to it, and assign that material to some 3D object in scene

 

To use texture:

– Add Property > Texture

– Drag & Drop the property into node canvas

– Right click on node canvas, Create Node/Texture/Sample Texture 2D

– Connect texture property into texture sampler

– Connect texture sampler output into master color


Resources

– Forum feedback thread: https://forum.unity.com/threads/feedback-wanted-shader-graph.511960/

– Github & wiki :  https://github.com/Unity-Technologies/ShaderGraph

– Examples: https://github.com/keijiro/ShaderGraphExampleshttps://github.com/RubenCUR/ShaderGraph-Examples , https://github.com/UnityTechnologies/ShaderGraph_ExampleLibrary

– Tutorial : “Intro To Shader Graph” https://www.youtube.com/watch?v=fFTBgHOP2JA


1 Comment + Add Comment

  • How to set up Unity Shader Graph – Creating a Basic Shader

Leave a comment

Connect

Twitter View LinkedIn profile Youtube Github Join Discord Twitch Instagram BlueSky

UnityLauncherPro

Get UnityLauncherPRO and work faster with Unity Projects!
*free unity hub alternative

@unitycoder_com

Subscribe to Blog via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.