Hey! I see you solved this, but I'd like to explain for anyone checking this!
Anchors and offsets are essential for positioning UI elements on a player’s screen. Let’s break down the difference between them:
Anchors: Represent a percentage of the player’s screen, determining the relative position of the UI element.
Offsets: Represent a fixed number of pixels, determining the size and final adjustment of the UI element.
Two Approaches to Positioning UI Elements
1. Using Only Anchors
When you use only anchors, the UI element scales based on the player’s screen size. Here’s the format:
- Min: "xMin yMin"
- Max: "xMax yMax"
Example:
- Anchor Min: "0.9 0"
- Anchor Max: "1 0.1"
This will create a UI box in the bottom right corner that takes up 10% of the screen's width and height.
2. Using Both Anchors and Offsets
When combining anchors and offsets, you can precisely control the element's size in pixels. In this case, the anchors are used to fix the UI element at a specific point, and the offsets define its dimensions.
Format:
- Anchor Min: "xMin yMin"
- Anchor Max: "xMax yMax"
- Offset Min: "xOffsetMin yOffsetMin"
- Offset Max: "xOffsetMax yOffsetMax"
Example:
- Anchor Min: "1 0"
- Anchor Max: "1 0"
- Offset Min: "-100 0"
- Offset Max: "0 100"
Explanation:
The anchor is fixed at the bottom-right corner of the screen (point "1 0").
Offsets adjust the size: 100 pixels to the left for width and 100 pixels up for height.
Note: You always want the "min" value to be smaller than its "max" counterpart.
I attached a photo showing some specific anchor points and the signs that you'd need to use for offsets.
