Unity 2D Shader Graph - Dissolve Effect Tutorial
Вставка
- Опубліковано 6 лют 2025
- Check out the game I'm working in: store.steampow...
2D Shader Graph is so cool. Let's see how to create a 2D Shader in the Universal Render pipeline. I will show you how to create different type of 2D dissolve effects in just few minutes. Creating cool effects and shaders for a 2D game has never been easier.
Enjoy!
----------------------------------------------------------------------
DOWNLOAD HERE: / unity-2d-shader-33524222
OR
HERE: www.gabrielagu...
----------------------------------------------------------------------
Courses
✦VFX GRAPH - BEGINNER: www.udemy.com/...
✦VFX GRAPH - INTERMEDIATE: www.udemy.com/...
✦VFX FOR GAMES - BEGINNER: www.udemy.com/...
✦VFX STYLIZED EXPLOSION: www.udemy.com/...
VFX Assets Packages
Unique Projectiles Vol 1: assetstore.uni...
Unique Projectiles Vol 2: assetstore.uni...
Unique Projectiles Vol 3: assetstore.uni...
VFX Graph - Mega Pack - Vol 1: assetstore.uni...
VFX Graph - Mega Pack - Vol 2: assetstore.uni...
VFX Graph - Mega Pack - Vol 3: assetstore.uni...
Shader Graph Tutorials:
Shader Graph - Portal: • Unity Shader Graph - P...
Shader Graph - Fire Flames: • Unity Shader Graph - F...
Shader Graph - Cartoon Water: • Unity Shader Graph - C...
Shader Graph - Laser Beam: • Unity Shader Graph - L...
Shader Graph - Fire: • Unity Shader Graph - F...
Shader Graph - Tornado: • Unity Shader Graph - T...
Shader Graph - Blood: • Unity Shader Graph - B...
Shader Graph - Slash: • Unity Shader Graph - S...
Shader Graph - Electricity: • Unity Shader Graph - E...
Shader Graph - Nuke: • Unity Shader Graph - N...
Shader Graph - Shield: • Unity Shader Graph - S...
Game VFX Tutorials:
Game Effects - Glowing Orb: • Unity 5 - Game Effects...
Game Effects - Fireball Projectile: • Unity 5 - Game Effects...
Game Effects - Slash Effect: • Unity 5 - Game Effects...
Game Effects - Tornado Effect: • Unity 2017 - Game Effe...
Game Effects - Lightning & Thunder: • Unity 2017 - Game VFX ...
Game Effects - Laser Beams: • Unity 2018 - Game VFX ...
Game Effects - Projectile / Bullet Raycast: • Unity 2018 - Game VFX ...
Game Effects - Weapon Trails: • Unity 2018 - Game VFX ...
Game Effects - Shatter / Destroy / Explode Objects: • Unity 2018 - Game VFX ...
Game Effects - Meteor VFX: • Unity Shader Graph - ...
Music By Vindsvept:
-Woodland Lullaby: • Relaxing/Celtic Music ...
-Over the Mountain: • Emotional Music - Vind...
Enjoy and feel free to ask any questions you may have, i'll answer as quickly as possible. And don't forget to like and subscribe. Thank you!
✦ Follow on TWITTER: / gabrielaguiarfx
✦ Like on FACEBOOK: / gabrielaguiarprod
✦ Subscribe On UA-cam: www.youtube.co...
Unity 2D Shader Graph Dissolve Effect
Unity Shader Graph Erosion Effect
Unity Shader Graph Tutorial
Unity 2D Shaders
#ShaderGraph
Unity Effects
Unity VFX
#Unity2D
#Unity
![Lp. Сердце Вселенной #60 РОЖДЕНИЕ ЛОЛОЛОШКИ [Финал] • Майнкрафт](http://i.ytimg.com/vi/YoR0pAV9FVQ/mqdefault.jpg)
Hey check out the game I'm working in :D
store.steampowered.com/app/1763860/Rabbits_Tale/
If anybody is following along with this tutorial with a newer version of ShaderGraph and your output is fading to black instead of transparent, you need to multiply the output of the alpha channel on your texture sampler * the output of the clamp on the noise, and assign that to the alpha channel output of your fragment. Great tutorial, thanks for it :D
I subbed not just because it’s a good tutorial, but also because I really like that you’re developing a game together.
If anyone is finding this years later like I did and you followed everything exactly BUT you started from a pre-existing project (not a fresh URP project) then you have to do one extra step so that the material doesn't just make your sprite go blank. Go to Edit > Project Settings > Graphics and set Scriptable Render Pipeline Settings to your Pipeline Asset. Should be all set. And your pipeline asset should have your 2D renderer in its render list.
Great tutorial!
Wow! This looks very nice! So happy for the progress you and your girlfriend are making! Keep it on!
Thanks for the video!
Thank you Sergio!
Great tutorial! Thank you! In case anyone else runs into this...my sprite (my own) would not show as properly lit (all black or all white) until I did 2 things:
1) Add a 2D light into the scene (I chose Global Light 2D). The default directional light would not light the sprite.
2) In the Shader Graph, make sure the Reference field for your Texture 2D property is renamed to _MainTex. The inspector will display an error until you change it. Even though it doesn't appear to affect Gabriel, it definitely would not properly display my sprite in the scene or game views until I made this change.
I totally forgot to mention the Global Light. The second part only happened to me if I tried to assign the shader to a UI element. Anyway, thanks for pointing those things out, they are important.
I did this 2 step but it does not work,it display anything ,how can i do
I Love to hear that u and ur girlfriend made this project/game together
Yes it has been a pretty cool adventure! We have been having a lot of fun on this new experience. :)
Amazing
tanks for the tuts
I'm crying. If ı have a pc and it's be good, I download this and make a vfx with your wonderfull videos. You're my hero. I found you now and subcribe. ♥ if you dont leave youtube, ı will supporting you forever ♥
Thank you, that's very kind! :)
Thank for the video! This works on my 3d project too, but there's a few small problem. It dissolves the 2d texture that is wrapped around the 3d object so when the object dissolves, the edge of the 2d texture is quite visible. Also it turned my object kind of transparent, even if I set the alpha clipping threshold really small. I used baked texture from blender and there's also normal map and roughness map, where can I insert these? Could you please point me a direction?
Hello, good video
You're very smart, maybe you know how to do this. I'm wondering how to use a shader to dissolve ONLY the outline edges of a ruletile/a whole tilemap. The result I get right now is dissolve the whole area, but I only want the edges to desolve.. Can't figure it out, and didn't find anything useful online...
Wow great video! The multiple examples really helped me understand. Could you do another one on 2D dissolves but a more natural one? Something one could use for a wind puff disappearing for example.
Thank you! Well I think the approach is very much the same. Maybe just adjust the colors and have a good texture as the base.
@@GabrielAguiarProd Thanks for the response! Yeah I'll definitely try that out! I also found that using a light twirl achieves a very nice effect. Love your vids. Stay positive and motivated!
Thank you!
I have a problem, when it dissolve, instead of becoming png it becomes a black texture. I set the shader graph as sprite lit
Love your videos!
I'm trying to understand how shaders work and I tried to do exactly what you did there, step by step. The shader works fine, but I can't understand why the dissolve effect doesn't glow at all in my project... I used the same Unity version and followed all your steps... Is there something missing? Did you use light, maybe?
I can't put my finger on what I did wrong...
Never mind! I found the problem:
I didn't replace the 3D Directional light by a 2D global light.
so... dose anyone know how he made dissolve outline glow? cause I have absolutely no idea how he made it after watching his 2D light video.
THX
i go no "settings" in my project, i downloaded universalrp. made the whole sader in the shadergraph but in realtime when i add it to a sprite it goes blank
i like it, BTW i got a question.
how do we actual active it automatic? (just now using slider to dissolve)
with script? or can modify in shader graph?
also can you make a tutorial about custom vertex stream? TQ
You can use it with a script. Something like this (pseudo code):
var material = GetComponent().material;
StartCoroutine (Dissolve());
IEnumerator Dissolve ()
{
var timer = 1;
var amount = 0;
while(timer > 0)
{
material.SetFloat("_DissolveAmount", amount);
yield return new WaitForSeconds (0.1f);
timer -= 0.1f;
amount += 0.1f;
}
}
Basically you can access shader properties by getting the material of the sprite renderer in this case.
Just make sure in Shader Graph you properly rename the Reference of the property you want to control.
Hope this helps. :)
ok bro 😀😀
yo Gabriel do you know if the VFX graph in 2019.3 is available for URP/LWRP ? i've been looking the internet and no one has a clear answer to that, maybe you can do a video about idk (eye blink)
BTW do this work for UI materials?
Yes it works. Just needs a slight modification. The MainTexture reference inside Shader Graph must be "_MainTex". Other then that I think it should work fine. Haven't tested extensively.
Hello, I really liked the effect but I'm having problems with something, I did exactly what you did but when I add dissolve color, an alpha that is not part of the image starts to appear: imgur.com/a/XPsIoaM. Can you help me?
also the shader imgur.com/a/fXFzUAj
Even if you can't look at it, any tip or opinion of what the problem may be can help me a lot, thanks in advance.
is your udemy's course for 3D games only????
That knowledge can be applied on 2D games also.