Question Rendering issue after changing vertex positions and fragment color of plane.

Hello, I've been toying with a shader to create some sort of fog by deforming the vertex of a plane using shadergraph. However, when I apply color changes based on height and distance in the fragment, it seems that some of the triangles of my planes that are behind render in front. See Picture :


This issue only happen when I change the color based on the vertex positions (based on height or by applying the fog to the plane). I'm assuming it is because I change the the vertex position, but not their normals ?

If so, could someone point me in the right direction for how I should also change the normals in the vertex step?


If I'm not in the right direction, please let me know



What I send to the Vertex position :


How I apply the fog to the final fragment color :

 

Bump

 

This is a common issue with transparent object rendering. The shader is not going to be able to render all the triangles in perfect z-order, merely the order the triangles are laid out in the mesh structure.
For something like this, simply enabling ZWrite and ZTest on the Graph Settings should fix it, ensuring only the foremost pixels of the plane render instead of overlapping with ones behind.
Though I'm not 100% sure on your desired result, so this may also have issues for you needs.