Improve visualization of WorldBoundary2D editor

[MarcusElg]

Fixes godotengine/godot-proposals#817

Changes the worldboundary 2d shape editor to be more clear. Changes the normal to not be the same colour as the line as it isn't actually part of the collision shape. Also changes the visualisation of the line to be a gradient to visualise that it's an infinite line.

Old

New

Let me know what you think 😄

[Lazy-Rabbit-2001]

I think, from the point of view of a green hand, it's not clear yet which side will be detected and which one not. Also, black is not attention-attractive and may be blended in some situations, especially when a developer is building a scene with darkness.
Maybe a red or orange color could be better than purely dark one. As for signing which side will be detected, perhaps you can separate the color of the short-long line into two parts: one that will be detected is red while the other one not done so will be yellow or other colors that you think have attractive function.

[MewPurPur]

I like the gradient, but we definitely want to keep the handle with the normal debug colors and in my opinion also make it an arrow.

[MarcusElg]

I like the gradient, but we definitely want to keep the handle with the normal debug colors and in my opinion also make it an arrow.

Which are the normal debug colours? Turning it into an arrow makes sense.

[MewPurPur]

You know, the blue translucent.

[MarcusElg]

You know, the blue translucent.

Is this better? Still feel like it would be nice to have some sort of difference between the arrow and the actual collision shape. Looking at the other collisionshapes it's only the ray seperation shape that has extra visual details, all other shapes only show the actual collision shape.

[KoBeWi]

Maybe it can use the same color as one-way arrow?

[MarcusElg]

Maybe it can use the same color as one-way arrow?

What node is that?

[KoBeWi]

CollisionShape2D with one_way_collision enabled.

[MarcusElg]

Maybe it can use the same color as one-way arrow?

It does make sense as the worldboundaryshape always is one sided

[KoBeWi]

Ok so the remaining issue would be that you can enable one-way on boundary shape, ending with two ambiguous arrows 🤔

I'm not sure how to solve this one, other than maybe making the boundary arrow ever more prominent or using a different arrow shape.

[MarcusElg]

How would I move forward with this?

[KoBeWi]

You can join the developer chat to ask for feedback and discuss.

[MarcusElg]

@KoBeWi what do you think of this?

I feel like it works quite well

[MewPurPur]

I like this.

[KoBeWi]

The arrow is wobbly rotated on high zoom:

godot.windows.editor.dev.x86_64_BgcKzJe4lx.mp4

Though I guess that's how polyline works.

And on lower zoom (even on default) the arrow shape is not very clear:

Maybe it should be a bit bigger to appear properly at least on 100% zoom. The screenshot you showed seems to be on 300% zoom.

[KoBeWi]

The arrow could be bigger, but otherwise looks fine IMO.

[MarcusElg]

The arrow could be bigger, but otherwise looks fine IMO.

Increased the size, this is at 100% zoom:

[MewPurPur]

Wobblyness is likely you being project with some sort of pixel snap? Pixel snap also affects debug drawing in the editor.

[MarcusElg]

@Calinou what do you think of the current version of this pr? Would be nice to get it merged soon.

[akien-mga]

Thanks!