I’ve just added a new feature to the overlays; you can now express position and dimensions in pixels as well as relative coordinates. In order to make this flexible enough I’ve also added the ability to align elements to their parent’s edges or the center of the parent (horizontally and vertically).
The code is in CVS now, I’m going to update the tutorial asap. As a quick reference, the new overlay element keywords are:
- metrics_mode (pixels | relative)
- horz_align (left | center | right)
- vert_align (top | center | bottom)
Note that the alignment options just change where the origin is, it doesn’t position the element in the absolute center or right up against the far edges. The idea here is that if ‘0’ is the far-right egde of the screen, you can use negative ‘left’ position to decide how far away from the edge you want the element. This is more flexible than strictly enforcing the alignment.
The standard debug overlay has been altered to use pixel dimensions now so it obscures your view less in higher resolutions.