Sprite Blur - 2D Shader Graph Tutorial

preview_player
Показать описание
Let's make a Blur Effect Shader to apply to our Sprites in Shader Graph!

Check out the entire Shader Graph Tutorials Playlist

If you have any questions post them in the comments and I'll do my best to answer them.


See you next time!


#unitytutorial #unity3d #unity2d

--------------------------------------------------------------------

Hello and welcome, I am your Code Monkey and here you will learn everything about Game Development in Unity 2D using C#.

I've been developing games for several years with 7 published games on Steam and now I'm sharing my knowledge to help you on your own game development journey.



--------------------------------------------------------------------

Рекомендации по теме
Комментарии
Автор

Awesome Blur! ✨Another approach if you have Mip Maps enabled is to use the LOD Sample node.
🎮 Play 7 Awesome Games (Action, Strategy, Management) and Help Support the Channel!

CodeMonkeyUnity
Автор

Can you please do a tutorial on how to achieve a Guassian Blur? I think this type of blur is the one most people think of when they want to "blur" something!

hottubswimteam
Автор

Code Monkey, you're giving us too much power!
Much appreciated

wolfscrygames
Автор

Thanks so much. You worth more subs and likes!

beaverjoe
Автор

When you duplicate last 4 nodes to 8 nodes, the offset value are still the same? But why it looks more blur even the image move as same position?

hardworkerstudio
Автор

one thing I can't able to understand - you have just offset the sprites then how it started looking blurry!!
also after setting full blur amount value, its alpha gets reduced too while you have just offset 8 different sprites...

please give me some explanation if it become possible :)

siddharthtrivedi
Автор

Great! Thank you. Did you make some tests with Canvas-related things? Will it works in the same way?

anagr_
Автор

This is a "workaround" not true blur effect implementation. (not a gaussian blur and such) However, even in this way you can get better result with custom node and HLSL coding. Blur code is not too difficult and you can paste the code in the custom node's code field. (Unity 2019.3 beta and up) I mean, in this video you had to made the move offset iteration several times manually. You can do this with a little programmatic approach (HLSL and custom node in ShaderGraph) with custom node. No offense, I didn't mean to criticism you work! You're videos are awesome!

pimpace
Автор

Great tutorial! I suggest you tell about volumetricity and lighting of sprites using a normal map. Very beautiful effect.

DeadRabbitCanDance
Автор

What are the pre-requisites for using this method? Like what do I need to import, and do I need a rendering pipeline?

Koreyite
Автор

I put the material on the mesh renderer, but I don't see it when I hit play.

Koreyite
Автор

Can you make a tutorial about character creation and level designing.Your characters and level design are unique.I really loved it.

Khidashmuhammed
Автор

Hey CodeMonkey, I can't find 2D renderer dropdown in my project, what do I do? 1:12 is the timecode

lime_
Автор

Thank you Code Monkey, great tutorial ! However let say we have 2 (or more) sprites to blur, is it possible with this approach ?

Trafalanks
Автор

Can you make shader graph tutorial about inverting every color below the main sprite? (like Dio time stop from jojo adventure) i didn't found anyone making this yet :D

kanbarudesu
Автор

Great and useful tutorial!! I used this technique to achieve motion blur to a spinner in my game. The problem is, the blur effect is working in unity editor playmode. But It is not visible when I build an apk and view it in my phone. Any idea about this problem? Thanks in advance for valuable inputs :)

tamilmaran
Автор

I see many duplications in that shader graph, for me as a programmer this is never good thing. Also can this effect easily be applied to 3d, to a humanoid 3d character?

republicofhandball
Автор

With this shader sprites disappear when flipped either through SpriteRenderer, or through negating LocalScale values.

SMT-ksyp
Автор

My blur make a kind of white Line around the edge... Look awefull, dont know if I did something wrong...

yvesgingras
Автор

Can you do a tutorial on Subgraphs pls :)

tobiasweihrauch