GUI - Scale & Alignment

[royibernthal]

Alignment doesn't work properly when applying scale.

For instance in this case the red rectangle should be aligned left:

http://www.babylonjs-playground.com/#XCPP9Y#68

I'm getting the impression that under the hood it is first aligned then scaled, while it should probably be the opposite.

[Dad72]

Also I also noticed that the red box is not really centered in the middle, but slightly offset.

I noticed this also with text and buttons in the rectangle, the difference is some 2 pixels (2px).

We can see this button, the text is slightly offset to the left and not perfectly centered.

http://www.babylonjs-playground.com/#XCPP9Y#75

[GameMonetize]

Transforms are applied AFTER everything. I will improve the doc for this.

You must play with width and height if you want to have alignment takes it in account

[GameMonetize]

@Dad72 I also fixed the alignment issue

[Dad72]

Ah, yes, it's perfect now. thank you DK

[royibernthal]

20 hours ago, Deltakosh said:

You must play with width and height if you want to have alignment takes it in account

How can I do that?

[GameMonetize]

just change width and height properties instead of scaling if you want to scale the control and still takes the alignement in account

[royibernthal]

Oh I understand. Out of curiosity, what's the reason you don't apply scale before alignment?

[GameMonetize]

Because the transform at applied by the canvas itself when drawing

[royibernthal]

Got it