CEGUI (Crazy Eddie's GUI) Forums

Hi all,

I'm not sure what am I doing wrong, but I can't get the fonts on my layouts to show up correctly at any resolution larger than 800x600. Image-based elements are fine (so far...), but the text is stretched and positioned wrong.

Here are some screenshots. This is how the text supposed to look like (at 800x600):


And here's the messed up layout at 1024x768:


These "info panels" are loaded from two separate .layout files (one contains the FPS/PolyCount/BatchCount labels, the other one contains the camera info). The font I'm using is the DejaVuSans.ttf/DejaVuSans-10.font that comes with the CEGUI samples.

The CEGUI version I'm using is 0.7.7, and the 3D engine is Ogre. Here's the CEGUI log file, although I doubt it contains any useful info regarding this problem:


What do I need to do to get the layouts show up the same way in all resolutions? Thanks in advance.

You must likely don't understand how UDims work Post your layout.

Here's the one for the FPS/Poly/Batch counter:


And here's the one for the camera info:


Both of these were designed and generated by the latest CEED snapshot.

Sorry for bumping this, but after looking up UDims at the wiki and looking at the official CEGUI samples, I still don't know what's wrong with my app. After creating my window from the layout file, I use this code to set the window's position:


So what's wrong with this? Image based widgets look fine in all resolutions, and I set their position the same way, so I don't know why doesn't this work with text widgets.

The problem apparently is not in the layout file, as the text is still wrong at 1024x768 when I load any of the layouts that comes with the CEGUI samples.

Now I believe no one answers because I'm not posting enough code, so here we go, I tried my best to extract the layout loading/displaying part.

First, the render system is created:
(gRenderer is a pointer to CEGUI::OgreRenderer, m_pRenderWnd is a custom Ogre render window. Custom as not suing the automated config parsing and window creation, but created manually to disable resizing and the maximize button.)

Then, the resource groups are set up, here's the part for the layouts and fonts:


Here we create a pointer to CEGUI::System:
(gSystem is the pointer to CEGUI::System. Well, this sentence was completely unnecessary...)

Now the default LookNFeel is loaded, along with the DejaVuSans font:


And here we load the layout itself:
(The layout itself is not important, since as mentioned before, even the official demo layouts suffer from the font problem.)

Now we jump over the menu state, and display our layout:
(MainMenuWindow is the name of the window from the layout I'm about to display, but again, this doesn't matter much.)

So here we go, that's all I can post, and pretty much the way all the tutorials say it should be done. Although this code snippet is for the main menu, not for the screenshots above, all the layouts are affected by the same font problem, no matter if they are just text like in the screenshots, or window titles/button labels/whatever.

I don't know for sure, since I did not analyze your layout and what not in huge detail, but this could be an issue of window positioning and text alignment - i.e if your windows end up large and overlapping at the higher resolution and the text is centred in the window vertically, then the result can be what you see in your screenshot.

Check the window layout at various resolutions in CEED - see if the window overlap at the higher resolutions. If they do, I suggest fixing that. Other than that, at least make the text alignment so it's drawn at the top of the window.

CE.

Thanks for your reply.

After enabling the frames of the static text element, it seems that they are stretched vertically when in higher resolution than 800x600.

Now I don't know what exactly is the purpose of all of this unified dimension/native resolution system, but is ther a way to override it? I mean, if I create a 128x128 pixels large widget, and I position it at 10, 10 (screen coordinates in pixels), why can't it just stay 128x128 pixels large and stay at 10, 10, regardless of the resolution?

YES!

As I said several thousand posts above, read the docs about how Unified Dimensions work!

UDim(0, 123) is exactly 123 pixels.

Kulik wrote: [...] read the docs about how Unified Dimensions work!

I did, but...

Kulik wrote:UDim(0, 123) is exactly 123 pixels.

...this doesn't seem to work. No matter where I position my widget, when the screen resolution is larger than CEED's "native resolution", they will be stretched vertically (while retaining their horizontal position), and will NOT be stretched horizontally, but their vertical position will be completely ignored for some reason.

And there's not much info about what is that "native resolution", nor is it referenced anywhere in the layout file, so I'm completely lost.

But no problem, as I just abandoned my idea to put together my own game engine using Ogre, CEGUI, and Bullet, I'm simply too inexperienced to do this. I decided to go with a complete game engine instead, so I can focus on the actual game code.

Thanks for trying to help, anyway.