Add blog post about reverse z breaking changes

[clayjohn]

Partially addresses: https://github.com/godotengine/godot/issues/90443

This post highlights the compatibility breakage from reversing the depth buffer. It also goes into detail about situations that will/won't break and how to fix breakages as they appear. By nature, this post cannot be comprehensive, but I think it should be enough for 99% of the common cases.

I changed the title right before pushing to be a bit more whimsical. I'd like to have a bit lighter tone in the title since the content is very dry and clinical. But please let me know if it is too much or if it sounds like we are not taking compatibility breakage seriously enough.

~TODO, still needs a cover image. I'll push with one soon~ Done. Ready for review

[JohnVeness]

Also, should the Z be capitalised, in things like "reverse Z buffer"?

[Calinou]

Also, should the Z be capitalised, in things like "reverse Z buffer"?

I'd say yes, as Z refers to the Z coordinate.

[clayjohn]

Thank you for taking a look! @JohnVeness I've applied all your suggestions including capitalizing the "Z" in "reverse Z"

[clayjohn]

Thanks John! Applied your new changes

[fire]

Please note the typo "reserve" -> "reverse".

[clayjohn]

Please note the typo "reserve" -> "reverse".

Fixed haha, thanks for the catch. Seems it was just in the PR title and nowhere else

[clayjohn]

Should be good to merge after applying suggestions.

Thank you! I applied most of your suggestions and then did a pass removing the rest of the double backticks and updating the date to next Monday

[akien-mga]

The cover image seems to be this:

Is that intended? It doesn't really convey much IMO.

We should also include the usual overlay generated by https://yurisizov.github.io/godot-website-cover-generator/ (it's hardcoded in the webp, not done at build or display time).

[akien-mga]

If we don't have fancy graphics to illustrate reverse Z, here's a couple options (with and without gradient+blur) just taken from the PR diff itself (PNG because GH doesn't seem to support WEBP):

Or assuming Clay's blurred screenshot was meant to get the overlay applied automatically, here's a version with it included:

[akien-mga]

Updated to use Clay's cover image (screenshot of shader editor) with the overlay applied.

[akien-mga]

Thanks!

[Calinou]

(PNG because GH doesn't seem to support WEBP):

If you rename the file extension to .png, GitHub (and most other websites) will let you upload the file and it'll show up correctly in all browsers.