How to get free YouTube subscribers, likes and views?
Get Free YouTube Subscribers, Views and Likes

Shockwave Shader Graph - How to make a shock wave shader in Unity URP/HDRP

Follow
GameDevBill

A shockwave shader graph (or shock wave shader graph) is a relatively simple effect, that can add a lot of pop to actions in your game.

Shockwave updated for 3D in my timeline video here:    • Timeline for Shader Graph  How to us...  

The reason I'm doing this tutorial at all is because someone commented on one of my YouTube videos requesting it. I bring this up just to mention that if you have anything you'd like to see, please let me know below!

Written version of this tutorial: https://gamedevbill.com/shockwavesha...

0:00 Intro
1:22 Sprite Shockwave
9:20 Full Screen Shock
11:12 Complex Model
14:06 Vertex Shockwave

Today I'm going to cover both how to do it as a fragment shader effect (for sprites or fullscreen) and as a vertex shader effect (for more complex models).

References:
* Writeup of this video: https://gamedevbill.com/shockwavesha...
* Setting up a ful screen shader in URP    • Old Movie Shader Graph  Plus Full Sc...  
* Fixing normals in shader graph https://gamedevbill.com/shadergraph...
* Infinity PBR Weapons and Armor (for shield) https://assetstore.unity.com/packages...
* DOTween (for animations) https://assetstore.unity.com/packages...
* Gaia2 (for scenery) https://assetstore.unity.com/packages...

**** Update for Shader Graph 10.x
This video was made with Shader Graph 8.2
If you are using Shader Graph 10.x there are a couple key differences:

The create shader options have moved within a submenu called "Universal Render Pipeline, and some are renamed. So "CreateShaderPBR graph" becomes "CreateShaderUniversal Render PipelineLit Shader Graph"
The perinput settings that were in the blackboard are now in the "Graph Inspector" within the "Node Settings". You must have the input selected to see its settings in that window.
Some other settings that were onnode are now also in that Graph Inspector, though you can generally ignore these.
If you want to generate a code shader from the graph, you do so on the graph asset inspector (not on the master node as you did in 8.2). Now select the graph asset, and hit "View Generated Shader" button in its inspector.
****

A shockwave is just a single ripple of motion, emanating out from a point. Similar to a water ripple, it is intended to portray an energy field, but is simpler than the water case. Where a water ripple will have a negative ring behind the positive (bump, then dip), a shockwave generally just has the one. And a water ripple will generally have a few rings of decreasing strength inside each other.

In this video I cover, how to set up a 2D shockwave shader graph for a sprite, and for a fullscreen effect. Then I move that 2D effect over to a model, and then set it up as a 3D shader effect instead.

posted by armpsycho5q