Godot 4 Post Processing: 3D Pixel Art Shader

A tutorial on how to use custom post processing shaders in Godot 4.0 to create a 3d pixel art shader.

Link to GitHub repo:

Resources used:

Temple model seen in video:

Village scene:

[muno]

As a pixel artist I'm kind of shocked that you can recreate such a nice edge highlighting effect with shader code :O

[MartinQuinta]

Something to consider is that an even better pixel art effect is achieved by changing the camera to orthogonal because the 3D perspective slightly screws up the atmosphere that is trying to be achieved with this script. Fantastic tutorial by the way. thank you!

[LaytonGB]

Absolute hero! You're one of the few tutorial makers that not only explains what is happening, but why you're doing it and what the alternatives are! Wish more tutorials were like this, great job.

Also, those models and this shader are lookin fresh 👌

[jamaalsineke]

Absolutely stunnng. I'm sad that that there's no Unreal Engine tuts of Tesslr8r's pixel style. Anyway....Please do more with this and don't let this die as a demo project

[habibyahya]

this is amazing!
I've seen many pixel shader tutorial but your explanation is crazy easy to follow.

[MisterNewYear]

To anyone having problems with the new update,
Godot 4.3 stealth introduced reverse Z, which means the only thing you should have to change for the shader to work again is replace void vertex() with this:

void vertex() {
POSITION = vec4(VERTEX.xy, 1.0, 1.0);
}

[jaredhernandez]

After so much time and so many tutorials, I found the person who best explains the topic and it also worked perfectly for me.
Thank you! ❤

[OJSthecoder]

you put this tutorial out literally at the EXACT time i needed it! awesome stuff!

[StrungHigh]

As an artist this is quite a bit above my head, which means there's a ton for me to learn here. Thanks for teaching!

[spencergeewildlife]

Been waiting for a tutorial like this for months, thanks so much

[Teflora]

Oh I was trying so long to find a node setup that allows me to pixelize the scene while still having a crisp UI! Great stuff!
I was waiting for the customisable render pipeline but this gives me a huge heads up, thank you!

I

[RugbugRedfern]

Thanks so much for covering this! This effect is insane!

[ndriqa]

Hey man, what a great tutorial and beautiful result. Thank you!

[Cmdr_Kraid]

found this on reddit, new dev here I will learn and mess around with this on my projects, Really big thanks for the tutorial

[VilaRicaGames]

Amazing tutorial, simple and straight to the point while still showing good progress along the way. I just implemented this in my game, but in my case I had to mess with render priority of my assets/players etc. Somehow they get confused in certain areas/camera angles. But if I set them to a higher priority then the ViewPort, it works.

[yvanvan]

Awesome tutorial !
Great explanations, thank you for making it.
Have a wonderful day.

[rowanbrak]

Saw this on Reddit as well, such a good looking effect!

[InF]

Another great tutorial, really well explained.

[ivi]

You can set the Render Priority lower than all the other transparent objects in your scene to make them visible again.
But it only works in Forward+.
Sadly I was trying to add it to my project on the Mobile renderer but meh, I'll use it on another project (?

[michaeljburt]

Super informative. Love how you present this kind of material!