Dither Fade in Unity

A follow up to the previous tutorial, I show you how to use dithering in Shader Graph to fade out meshes when they are close to the camera.
Previous Tutorial
• Dissolve effect in Sha...
(づ￣ ³￣)づ ~(˘▾˘~)
TWITCH ( ͡° ͜ʖ ͡°)
/ pablomakes
TWITTER (ಥ﹏ಥ)
/ pablomakes
₪ ₪ Time Stamps ₪ ₪
00:00 - Intro
01:08 - Dithering
04:07 - Distance Dissolve
07:54 - Oops
#unity #tutorial #shadergraph

[@er0s14]

Your tutorial is literally a life saver. Been looking for this all over the internet!

[@fulongfromthegrave]

Man i love your videos so much!! Please consider posting again if you got the time for it, yours are some of the best explained tutorials out there, really appreciate it 🙏

[@straylight08]

Superb video, this is something I've been fretting over for ages, solves a key part for the thing I'm trying to build

[@Kishy]

I love these!! Thanks so much for making them, love the face and cat cam combo too~!

[@PabloMakes]

Thanks! This one I recorded while streaming, I think I’ll try doing that going forward I too like having my face there, feel better explaining like that for some reason

[@AlCh3mi_MvP]

Thanks so much Pablo! I'll definitely be giving this a try, im always so excited when I see you release a new vid! Warframe and unity are the 2 things that consume my life and youre in both ^^

[@PabloMakes]

Two great choices

[@MenelikiGaming]

Nice! Video turned out well. Was interesting to see the recording of it vs. the final product! :P

[@PabloMakes]

Haha yeah it was harder than I thought to edit, but might be the way going forward

[@spikebor]

Thank you for making this, exactly what I'm looking for!

[@themightyajax4796]

Your videos are fantastic!

[@PabloMakes]

Thanks!

[@Vonk47]

Nice guide dude!

[@rafa_guitar]

Thank you Pablo!

[@benjaminlehmann]

That was very helpful. Thanks.

[@MrGooGone]

Thanks a bunch for this! I wouldn't have figured out the difference between those two similarly named nodes myself

[@PabloMakes]

Tricky naming!

[@VyvyanTheGreat]

Perfect! Thank you!

[@WingofTech]

Waifus and cats, you are the best Pablo. ✨😖✨

[@user-yn6xr5fd9u]

love your tuts keep it up!!!

[@user-yn6xr5fd9u]

they are incredibly high quality. Touching on many problems that have a lot of concerns but aren't well addressed. Rare to find these days

[@PabloMakes]

Thanks a lot! I’m glad people find them helpful

[@batuhantugrul1966]

cat camera is awesome

[@ozgurgurbuz]

Hey Pablo this was such a nice tutorial. Also how would you make this effect on any leaf textured materials? I should use the Alpha value from the leaf texture.

[@2Spline]

Handy effect! Always a little strange when you can clip your camera into a character and see their eyes and mouth. D: Mildly spooky, and can be avoided with the power of dithering! Glad everything worked out, maybe need a !ditherCats for later.

[@PabloMakes]

For a moment I thought you were saying it was weird to not see the inside of theyir heads haha disrespecting tradition :P

[@2Spline]

@@PabloMakes ahaha exactly! Reject dithering modernity, embrace spooky clipping. 👁👄👁

[@thingsofgaming2424]

I like this ！ 喜欢死这个了 good nice

[@mrslake7096]

Thanks

[@martinmaurer]

For me it worked better connecting the dither node to the materials alpha clip value and then connect the "Dissolve" value to the "X" input of the dither node. That way I could use the texture alpha independently. Seems to be the recommended way in the Unity documentation. Is there a benefit in your approach?

[@TheKiwiCoder]

Cool :)

[@DonEsteban3D]

Boczek! Ty żyjesz..

[@SpaceMango]

Hi! This works great :) Just wondering if there's a possibility to have it affect the entire mesh and not just pivot(based on distance)? I'm making a house building game where the pivot is in the corner of a wall so the dither is a bit uneven since the focus is on the pivot itself. I know you mentioned that in the video and was wondering if there's a workaround? I assume you can put the wall itself in an empty gameobject to change pivot but my building system doesn't like that haha

[@PabloMakes]

You can add a vector parameter and add it to position and that way you can “move” the pivot. You can also compare the distance not to the objects position but to the vertex, which will make parts of your object dither, not the whole thing uniformly, which tend to work well for larger objects like walls, but really depends on what you are making. Hope that helps

[@fukukyun78]

This shader works for small objects, but it's better to use position with large objects... I have a large 2D object for fog, i want it to fade when the player gets close, i got it sorta working, but it fades really weirdly, like it's too sudden, it's just a cutout in the object. Any idea on how i could get it to sorta smoothly fade out with the position, instead of just instantly cutting off?

[@stevphiericardo2790]

now that motionvector and taa added to unity, we can do taa dithering with shadergraph now i think :)

[@JackLaPlante18]

Great tutorial! Do you know if there is a way to not effect the shadow of the object when it fades out? Is it possible to keep the 'normal' shadow even when it's dithered?

[@PabloMakes]

Glad you liked it! Off the top of my head, mind you I haven’t tested this, I think you could go in meshrenderer component and disable shadow, then make a copy of the whole thing and set that one to shadow only. Hope that helps

[@aleksihiltunen7063]

In case someone is interested. In shader graph everything you do (change vertex position, alpha clip pixels etc.) applies to shadow pass as well. You can avoid that by using Custom Function that handles the shadow pass the way you want. So before you put your node to Alpha Clip Threshold block, you can add custom function that takes in float, lets call it In, and outputs float, lets call that Out. In that function you can use #ifdef UNITY_PASS_SHADOWCASTER to output whatever you want for the shadows (if you want the shadows to be always rendered, you can do Out = 2; so no ”shadow pixel” exceeds that threshold) and in #else you can just return the In value by doing Out = In; . I think you have to put #endif after that to indicate end of the if chain. Hope this helps

[@travislee6988]

I follow the same node and got little confuse 😂,Why when the dither node Value=1 and connect to alpha node,the object have already transparent🥲🥲do you know how to fix this problem?

[@noname-te2gx]

hey, I tried to do exactly what you did but mine didn't disappear when zoomed in, I know this is a lot to ask for but it would be great if you could just let people download the shader, thanks!

[@brunopinheirobrazil5352]

I have a character that have more than 1 material/mesh, 1 for the body and other for the eyes, Is there any way I can apply this dither and mask for example the eyes of my character? So it don´t looks like they are popping out when she fades?

[@VykxTre]

I think for that you need to do 2 things: 1 have the same pivot point(You can expose a vector position and set it manually via c# script) 2 Use stencil buffer to discard alphas behind

[@papercrease7308]

Do you have to apply this to everything individually by hands?

[@PabloMakes]

The material needs to be applied to any object you want to fade. Generally you wouldn’t do all, for example, I think Genshin only does it for characters and tree tops

[@magrin1497]

So Pablo is a Ganyu simp? haha Saludos y que bonitos gatos

[@PabloMakes]

Can’t deny it anymore!

[@twelveminusone]

Is it possible to use this same approach with sprites? I've got a lit sprite shader that's already handling a lot of other functionality and this would be wonderful to add to it. However, when I add Alpha and/or Alpha Clip Threshold nodes it completely borks the shader. Like, grays out all the other nodes and nothing gets shown in scene or game mode. Obvious shader noob here, any guidance is appreciated! Love your vids.

[@PabloMakes]

Hey Evan, Sprite lit shaders don't use alpha clipping, the reason we use alpha clipping in 3D is to avoid using trnasparency which can be really complicated in 3D. Buuut on 2D transparency is super easy, so we use it all the time. You cna use this dither shader on a sprite, just do the exact one form the video and then on the ALbedo property change it's refrence to _MainTex which is the name that sprites expect. That bieng said, you probably should use transparency since you are in 2D land. Hope this helps o/

[@twelveminusone]

@@PabloMakes Man thank you for responding and I promise I'm not trying to turn your comment section into my personal helpdesk but I'm trying to follow what you said here but I'm unsure where to plug in the output of the remap node to have it control the alpha of the sprite. I tried pumping it into the alpha channel of a combine node but that didn't seem to work. I checked the docs and it looks like remap node returns a float between the x and y values of the InMinMax so it should be doing *something* but instead my sprite is just empty. Thoughts?

[@PabloMakes]

So under graph settings, you changed it to Sprite Lit? If so, then you should have Alpha on the fragment, you can go from the remap to a One Minus node, because Alpha 1 is full visibility but Alpha Threshold 1 is no visibility. and the result of that you can hook to the alpha. An easy wya to see alpha works is you cna hook a float node to it and jsut input some variables and see if it is fading.

[@twelveminusone]

@@PabloMakes I tried all of that and just can't get it to work. Certainly user error. I really appreciate you trying to help though! Edit: literally after I typed that I figured it out. Thanks for sticking with me!

[@nik9094]

This was just an excuse to showoff your Ganyu wasn't it u.u Jokes aside, nice stuff! Good tutorial.

[@PabloMakes]

Damn, was it that obvious?

[@nik9094]

@@PabloMakes might be just because I don't have her, but yes! Probably...

[@Maxime66410]

idk why Dither don't work for me.

[@fast07hzmc401]

The best reason "It has waifus" (;

[@PabloMakes]

Am I right or am I right?