Dither Temporal AA Node | 5-Minute Materials [UE4]

[@Xaeveax]

I like the idea of using the ghosting to your benefit. Very clever, and makes sense in those instances you showed.

[@PrismaticaDev]

Thanks Alex :) It's all about making the best with what you've got haha

[@ngonic]

Thanks a lot! This save me from headache with sort issues in transmissive materials

[@nicaandrei4965]

Charlie is love, Charlie is life!

[@PrismaticaDev]

Too kind 😸 hope you learneded!

[@VladMihailescu]

it is amazing how much you know, time and time again i end up on your videos, thank you so much for taking the time to make these videos, much love ♥

[@GlassesAndCoffeeMugs]

Love it. Awesome for transparent cloth.

[@chaosklappstuhl4905]

Love it! Exactly what I was looking for :D. Thank you!

[@Nebulon5000]

Thank you!!! I'm happier every day since I've subscribed to this channel!! Cheers!

[@sundaygraphix9648]

I’ve been looking for this exact information for so long! Smashing work sir!

[@PrismaticaDev]

Super happy to hear it! :)

[@virx7944]

Dude, your video is super valuable and yet very entertaining

[@hbonin]

Damn this will help me with those costly fogsheets I have. Thanx a ton Charlie!!

[@PrismaticaDev]

I use this for ground-fog as well :) looks awesome with the ghosting side-effect as well haha

[@algrifff]

Dude keep it up! Your tutorials are awesome love the detail you go into on these things! :)

[@PrismaticaDev]

Cheers Alex :) short but broad examples are the easiest way to learn!

[@IRONFRIDGE]

really great way to do that... you are getting to be one of my fav Tuts Dev :D

[@chagaze7199]

^^ each time i have to look your video i learn a lot of things ^^ Man I really have to find time to look all your stuff! Thanks, again!

[@BreakableBogus]

Aaaaaaaaaand you just got a new sub. Congrats man, really informative video!

[@PrismaticaDev]

Thanks Kristian! Glad to have you on board :)

[@ImSim_Cook]

new to the channel and loving it. any tutorials on your occlusion system?

[@TheJesusjones]

Great explanation! Thank you

[@PrismaticaDev]

Hope it helped! :)

[@olegfrolovdesign]

Thank you! Clear explanation!

[@PrismaticaDev]

Glad I could help :)

[@johninglis2622]

This can also help blend models into an environment.

[@mariiazatorska]

super useful, thank you so much!

[@PrismaticaDev]

No problemo :) Glad you found it useful!

[@virtuous_pixel]

WOOOO this is it!!!

[@badanos]

Great tut! Thank you

[@PrismaticaDev]

You're very welcome! Hope it helped :)

[@dpredie]

Hi, dithered temporal AA to Opacity Mask works in Viewport and Editor, but if i view through a Cine Camera it doesnt work, it goes back to Masked ( 1/0 hard edges). any tips?

[@PrismaticaDev]

Ooh that is odd indeed. I'll do some testing and get back to you on that one.

[@manonthedollar]

This is Epic's recommendation for glass in VR, but man, that ghosting makes me dizzy. Especially with Lumen.

[@小火龙-w7t]

Thank you

[@Adama_Now]

New to the channel. Watched a few videos already! Subbed for more great content!

[@PrismaticaDev]

Awesome to hear! Glad to have you learning along with us :)

[@allashama]

the hardest part is to remember all those nodes.. there are multiple way to achieve the effect you want, but only 1 or 2 real methode to achieve the perfect optimisation. I really have to understand the core of materials to be able to work with it. it should not be that complicated lol.

[@CosmicComputer]

Thanks boss!

[@PrismaticaDev]

All good captain! Hope you enjoyed :)

[@mic007129]

Thanks for the tutorial. Is there a way to dither an object but still keep the shadow?

[@PrismaticaDev]

Great question! Check out my Shadow Pass Switch video :)

[@mic007129]

@@PrismaticaDev You're the best thanks!

[@pwhv]

gorgeous cat ♥

[@nel282]

Awesome tutorials :)

[@PrismaticaDev]

Thanks Nel :) Hope you're finding them useful!

[@shuxilin9385]

great tutorial! love it

[@marcellalennae5605]

Wondering if you've tried this in UE5 yet. I was getting a very different result in UE5 than in UE4. Curious about your thoughts. Love your material node breakdown videos, btw!

[@PrismaticaDev]

Hey hey! I sure have :) By default, UE5 has something called Temporal Super Sampling turned on - basically some fancy up-scaling stuff. However, the dithering pattern goes a bit crazy because it's dealing with sub-pixel amounts. Disabling it will make it look nicer

[@ianalvarez6343]

What does the non-random dither noise texture look like? how do I make one myself?

[@ParthNaik]

Will this only work with TemporalAA as the AA method? Can this work with MSAA/FXAA?

[@PrismaticaDev]

It will work with all AA methods as well as no AA, although the pixel-skipping is more noticeable. I’d suggest giving it a shot and seeing if it suits! :)

[@ParthNaik]

@@PrismaticaDev will do! Thanks!

[@rogerr1525]

Thanks a lot for this! It may be a way to do some kind of volumetric fog if you stack it? In any case very useful!

[@PrismaticaDev]

It's definitely useable for fog effects, although stacking it won't actually change the perceived opacity since it's a screen-space dithering. I made a "fake" volumetric mist using it which I'll upload in a video at some point :)

[@MonsterJuiced]

I know this is an old video but I was wondering if you might know a way to tighten up the contrast for this node please?

[@PrismaticaDev]

Hey hey!! You can use a CheapContrast node before the TemporalAA node and that should make it a bit more solid looking :)

[@MonsterJuiced]

@@PrismaticaDev good idea thank you :)

[@Mulai-1997]

Hi, How can I useing this with RayTracing ? The mesh will be black when I open RayTracing .

[@quanduyan]

I have a question with this Dither Temporal AA Node. It's useful for optimization? As you said, if it doesn't make rendering the objects for two(or more multiple)times, same performance as Culling?

[@PrismaticaDev]

Yep, it's a lifesaver when it comes to optimizing your materials. If you can use this instead of Translucency I would encourage you to do so :)

[@quanduyan]

@@PrismaticaDev Thanks for your comment 👍

[@lawrence2598]

Thank you for this tutorial! I have an issue with my post process making it black though, is there a way of ignoring it so the cel shader doesn't colour it? also, can the size of the dots be controlled?

[@carlosrivadulla8903]

works this the same way for lumen?

[@Chareidos]

I am looking into transparency options and it seems like that this is a weak point of the unreal engine. Reducing Opacity directly cost more renderpower and I seem not to be able to find a good solution with the dither node. How would you opt out to make slight transparent clothes?

[@nitsujack7720]

We attempted this for our VR game for Quest 2. Unfortunately, it seems like masked shaders still incur an overdraw cost. It seems like this does not work very well for mobile forward rendering.

[@PrismaticaDev]

Do you know if forward rendering can use the Early Z-pass?

[@nitsujack7720]

@@PrismaticaDev Sorry for not replying, as things got busy. I am fairly certain that it can not, as enabling it did not have any effect in the shader complexity view.

[@AVISIONMUSICTV]

How does DLSS factor into this?

[@zheyuanzhou5735]

Nice.!

[@ijerofei]

Hello from Kazakhstan, you have a very cool styling in the game, and I would like to know your opinion about a guy named t3ssel8r, he makes a 3D game with pixel graphics and I can't even google works like him. He makes it on the Unity engine, and I'm wondering if it is difficult to do this in the Unreal Engine.

[@PrismaticaDev]

Looks awesome! From my observations it looks like they're using an Orthographic camera projection and a pixelation post-process which is very do-able in Unreal engine :)

[@ijerofei]

@@PrismaticaDev Well thank you! I'll keep digging this way

[@knessing7681]

So have you shared how you done your Occlusion system using the Dither Temporal AA Node ?

[@PrismaticaDev]

The basics of it are from an official Unreal livestream video, but I can't remember which one. I'll be going over the entire finished system in a Devlog in the future once I figure out all the ins and outs haha

[@knessing7681]

@@PrismaticaDev So is the Dithering Node applied to the material of the tree (that's what I'm guessing, then I already have an inkling how it might be down) ... or is it applied to the mannequin (then I have no idea how it's done) ? btw thx and great stuff you're putting out ... I'm binge watching your stuff right now.

[@PrismaticaDev]

@@knessing7681 We keep trace of the player's using a Material Parameter Collection, as well some other parameters like the fade amount etc. We then use a material function that is applied on every single material in the game so that they can fade away

[@knessing7681]

@@PrismaticaDev ahhh, thanx for the insights.

[@Algyr_]

@@PrismaticaDev I think this might be the livestream: kzbin.info/www/bejne/fYnFdmN_psd0bdk

[@TheStrandedAlliance]

Shame though. Right now I'm actually trying to get rid of the mesh-like effect. I've got a lot of transparent objects in the scene, and to resort to Dither TemporalAA for performance reasons.

[@sleepymolegames]

[Ignore this comment, I was wrong] Great video as always :) However, the Shader complexity here is a complete lie unfortunately. Unreal partly broke the Shader complexity view in version 4.23, it just ignores the transparent part of masked materials. If you look at the stacked planes in 4:05 in version 4.22, it should be red for the masked parts. The thing is, the non-masked parts are fine but the masked parts will still cause overdrawing of pixels apparently which can kill your performance. So you should keep the masked part to a minimum. E.g. for leaves/bushes you might want to cut them out somewhat precisely. Way more tris but can easily be worth it (this is what my sources say anyways ^^)

[@PrismaticaDev]

I think the reason it's different now is because they introduced the Early Z-pass for masked materials - if you go to the project settings and turn it on/off you can see the difference (the overdraw you're referring to) Basically from my understanding there's an initial Z-pass for masked materials which can then tell the Pixel Shader to evaluate exactly where it needs to, hence there isn't any overdraw on the cards

[@sleepymolegames]

@@PrismaticaDev Oooh you're right! I saw a video showing how age of calamity had performance issues because of masked materials so I guess I googled in the wrong direction. Sorry :/ I still can't see the overdraw if I disable Early z pass but that's fine. Thanks a lot! 👍

[@sanketvaria9734]

honestly it looks ugly.

[@PrismaticaDev]

It can be ugly at times, but it's a much cheaper solution than translucency which is why most AAA games use very frequently :)

[@sanketvaria9734]

@@PrismaticaDev isn't there anyway to smooth it so it looks pretty or something. I was told that using Anti alias will make this it look less like pixel holes but in unity or unreal I don't see it working.