Dithered Transparency in Unity Shader Graph

Рет қаралды 7,399

Күн бұрын

Sometimes you want transparency, but you want the advantages of opaque rendering. That's where dithered transparency comes in: your objects appear transparent, but all the pixels are rendered opaque. Learn how games like Super Mario Odyssey implemented dithering with this tutorial!
I'm using Unity 2022.3.0f1, although these steps should look similar in previous and subsequent Unity versions.
------------------------------------------------------------------------
👇 Download the project on GitHub: github.com/dan...
📰 Read this tutorial in article format instead (this is a fairly old article by now): danielilett.co...
📦 Cyberpunk Character: sketchfab.com/...
------------------------------------------------------------------------
✨ Grab Snapshot Shaders Pro or Hologram Shaders Pro here (affiliate): assetstore.uni...
📚 Get a copy of my shader book here (affiliate): www.dpbolvw.net...
------------------------------------------------------------------------
💬 Join the Discord: / discord
💖 Support me on Patreon: www.patreon.co...
☕ Or throw me a one-off coffee on Ko-fi: ko-fi.com/dani...
------------------------------------------------------------------------

Пікірлер: 16

@harrison298 Ай бұрын

This is one of the few times in my several years of learning Unity that I followed a tutorial and the end result was EXACTLY what I wanted. Great job, and thank you! Most of this went over my head, but it actually made me want to learn more about shader graph now.

@ethanwimsett 6 ай бұрын

Thanks! Just what I needed

@kiPROBRos 6 ай бұрын

Excelent, thank you bro.

@saeidanwar8587 6 ай бұрын

Very helpful.

@lesserlobster8336 26 күн бұрын

Thank you, this is great!

@print_all 6 ай бұрын

Very good !

@AndreiGontcharov 6 ай бұрын

Hey - I've tried out the dither shader before and noticed that shadows also dither. Any idea how to handle that where the mesh dithers but not the shadow?

@danielilett 6 ай бұрын

I don't think this is something you could do in Shader Graph (it's probably impossible? but I can't say for sure), but I think if you did this in a code-based shader, you would potentially have more control over the shadow caster pass. I haven't looked into this before, and I'm not 100% sure what happens when you clip something in the 'regular' pass and try not to in the shadow caster pass, but maybe I'll have a play around with this myself at some point!

@Grandalf3004 19 күн бұрын

you have to use TAA in unity. lots of downsides to that. on the bright side it will make the transparency even better.

@ConstantineG 4 ай бұрын

I love unity's dither node but I always thought the steps were too limited for smooth transitions. Maybe instead of using the dither node one could make a more complex (with more greyscale steps) texture and use it with a step node instead?

@danielilett 4 ай бұрын

Yep, definitely a valid way to do it! The Dither node uses a 4x4 repeating pattern so if you want a more fine-tuned transition you could use an 8x8 texture or something.