How to make Y-sort make LOWER objects rendered in front

Help
,
1

Godot Version

4.7.1

Question

How do I make nodes with a lower Y position render in front of higher ones with Y-sort.

2

the z_index property controls the drawing order of 2D nodes, determining which objects appear in front of or behind others. Nodes with a higher z_index value are drawn on top of nodes with a lower value.

When you select a CanvasItem node (like Sprite2D or Node2D), look under the Ordering section in the Inspector:

z_index: The integer value determining render order.

z_relative: (On by default). If enabled, a child node’s z_index is added to its parent’s z_index. If disabled, the child uses its own absolute value, ignoring the parent.

3

Two common problems with y-sort. First, every node and its parent(s) must have y-sort enabled. Next, sprite textures are centered by default. Make sure you are using the offset property to make the visual bottom of the sprite’s texture align with the y=0 position.

4

image
image784×168 19.1 KB

it says in the documentation that nodes with a higher Y position are rendered in front of nodes with a lower Y position, how do I make it the other way around.

5

The only quick way I could think of is to rotate the camera by 180 deg and y-flip or 180 rotate the node that parents all of the nodes you want to reverse.

6

So you want the opposite of a standard y-sort? Sorry, I totally misread your question. Handling z order yourself is probably the most straightforward way, as @silocoder pointed out.

Maybe if you give us a picture of what you want to achieve, we can suggest specific implementation ideas. Is this for something like an upside down city or cave ceiling?

7

In Godot, Y-sort normally puts higher Y positions in front. If you want the opposite, invert the Y-sort logic or use z_index to control the draw order.