Dithered Transparency in Unity Shader Graph

Рет қаралды 5,364

3 ай бұрын

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/daniel-ilett/shade...
📰 Read this tutorial in article format instead (this is a fairly old article by now): danielilett.com/2020-04-19-tu...
📦 Cyberpunk Character: sketchfab.com/3d-models/cyber...
------------------------------------------------------------------------
✨ Grab Snapshot Shaders Pro or Hologram Shaders Pro here (affiliate): assetstore.unity.com/publishe...
📚 Get a copy of my shader book here (affiliate): www.dpbolvw.net/click-10074214...
------------------------------------------------------------------------
💬 Join the Discord: / discord
💖 Support me on Patreon: www.patreon.com/danielilett?f...
☕ Or throw me a one-off coffee on Ko-fi: ko-fi.com/danielilett
------------------------------------------------------------------------

Пікірлер: 16

@ethanwimsett 3 ай бұрын

Thanks! Just what I needed

@kiPROBRos 3 ай бұрын

Excelent, thank you bro.

@saeidanwar8587 3 ай бұрын

Very helpful.

@print_all 3 ай бұрын

Very good !

@Cha4k 3 ай бұрын

Remember the days of MS-Saint when the colour depth was either 16 or 256 colour and you had to dither two colours together to get a new colour.

@danielilett 3 ай бұрын

I'm 28 and for the longest time we still only had a Windows 98 computer with no internet at home and I spent many hours just messing around in Paint, good times 😅 not sure if I was resourceful enough as a kid to figure out how to dither by my own accord though!

@sealsharp 3 ай бұрын

Yeah, skin color made from yellow, red and white. I noticed that when messing around with screenshots on a win95 pc in paint. And a few years later, my class got taught how printing with CMYK color model works and i was the "yeah of course thats how it's done"-kid.

@AndreiGontcharov 3 ай бұрын

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 3 ай бұрын

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!

@ConstantineG Ай бұрын

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 Ай бұрын

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.