UI Coordinate System
UI coordinates run from -0.5 to 0.5 on each axis, with the origin at the screen center:
- (0, 0) is the center of the window
- (-0.5, 0.5) is the top-left corner
- (0.5, -0.5) is the bottom-right corner
- Horizontal range may be adjusted by aspect ratio, for example:
right_edge = Vec2(0.5 * window.aspect_ratio, 0)
(-.5, .5) (.5, .5)
(window.top_left)_______|____(window.top)____|_______(window.top_right)
| ' ' |
| ' (0, 0) ' |
|_______'__________________'_______|
(window.bottom_left) | (window.bottom) | (window.bottom_right)
(-.5, -.5) (.5, -.5)Custom UI layers
To move or scale the entire UI you can parent elements under camera.ui since it is itself an Entity.