Improving ToEE's User Interface

Discussion in 'Community Projects' started by Gaear, Oct 27, 2011.

Remove all ads!
  1. silo25

    silo25 Established Member

    Joined:
    Jul 9, 2005
    Messages:
    206
    Likes Received:
    0
    better!
     
  2. sirchet

    sirchet Force for Goodness Moderator Supporter

    Joined:
    Dec 6, 2003
    Messages:
    3,721
    Likes Received:
    48
    Is there a way for the letters and numbers to have more character, or at least seem less perfect and, I don't know ... less exactly straight lines.

    I really don't think I can get my meaning across here, gonna have to think on this and try to word it better.
     
  3. Gaear

    Gaear Bastard Maestro Administrator

    Joined:
    Apr 27, 2004
    Messages:
    11,005
    Likes Received:
    27
    You mean just use a different font? We can do that for "EXP" "STR" etc. because we are putting those letters there in the art rather than have the game draw them in dynamically. However we have to use a font that actually 'works' - not any old font will do. I can try a more serif-like one though and see.

    The font 'working' is a complicated matter though - has to be legible in what is really a fairly small area etc., and some fonts just display at certain sizes better than others.

    [edit]

    Here is a more stylish font that actually looks a bit like Priory - the one that will be taking over the game, lol.

    UI3.jpg
     
  4. maggit

    maggit Zombie RipTorn Wonka

    Joined:
    Oct 20, 2005
    Messages:
    1,945
    Likes Received:
    0
    From what I remember, only modded dialogue gets changed to English so unless the font is compatible with more languages or everyone shifts to the gog version of ToEE, as there may be some problems with the text in different versions of the game. Just something to keep in mind.
     
    Last edited: Dec 15, 2012
  5. Daryk

    Daryk Veteran Member

    Joined:
    Jan 14, 2012
    Messages:
    1,100
    Likes Received:
    21
    That last one looks nice.
     
  6. Gaear

    Gaear Bastard Maestro Administrator

    Joined:
    Apr 27, 2004
    Messages:
    11,005
    Likes Received:
    27
    Not sure what you mean here ... if you're talking about the Priory font that we'll be switching virtually all text to, I assume that's compatible as it's a vanilla font. If you mean the font used to show stat names in the image above, well no that won't translate because it won't actually be a text-based font at that point, just a part of the .tga. We can actually use the Priory font for those things but it looks a bit shabby and has to have it's position for each of element plotted on the x,y axes. Never looked particularly good in the original trials.
     
  7. maggit

    maggit Zombie RipTorn Wonka

    Joined:
    Oct 20, 2005
    Messages:
    1,945
    Likes Received:
    0
    Yeah, sorry. My English has gone downhill since I finished my studies. :|

    The vanilla font may have been changed in some versions of ToEE to another font. In the case of the Polish version they changed it to the horribly looking Arial in order to make the game display Polish-specific letters. Perhaps the Russian version (and others as well) has had the default font changed too.

    I'm not saying not to change the font, I'm just saying that maybe it should be optional.
     
    Last edited: Dec 20, 2012
  8. Gaear

    Gaear Bastard Maestro Administrator

    Joined:
    Apr 27, 2004
    Messages:
    11,005
    Likes Received:
    27
    Sadly that would be way too labor intensive to do as a TFE-X option (nor do I want to support multiple choices, lol), so it will be a wholesale change. However, it can be altered fairly easily on the individual level simply be deleting a folder.

    Okay, here's how the inventory UI will look in-game.

    UIgame.jpg

    Note that being as this is being done piecemeal, not everything appears changed yet. Some text is still in the awful arial font - that being text controlled in the .dll, which we will change later (and probably last) thanks to random's .dll hacks from last year. Also, as you can see, the drop and use item buttons have moved in order to reclaim as much UI real estate as possible. This is necessary in order to show enough lines of text in the description box to fit the larger Priory font (which again isn't there yet but it will be at some point). I also can't find the inventory grid art in the dats, so the slots appear black now. I had hoped we could make them transparent so the stone texture could show through but I still think it looks okay. Lastly the silly bright blue line around the inventory grid and the backpack has been removed. The only reason it existed originally was because you were supposed to have multiple packs to choose from. That never happened, and yet the 'this pack is active' ugly blue line remained. It's gone now.
     
  9. Daryk

    Daryk Veteran Member

    Joined:
    Jan 14, 2012
    Messages:
    1,100
    Likes Received:
    21
    While you're removing blue outlines, maybe the ones on the character creation screen could go too? That would at least mitigate some of the driver conflict issues that draw lines up to the upper left corner.
     
  10. WinstonShnozwick

    WinstonShnozwick Established Member

    Joined:
    Mar 2, 2011
    Messages:
    627
    Likes Received:
    22
    I like the new UI a lot. I know it wasn't recieved popularly, but maybe the version where the stats area had different colors could be very slightly tinted in? I just think the many colored ui version looked extremely good.
     
  11. Gaear

    Gaear Bastard Maestro Administrator

    Joined:
    Apr 27, 2004
    Messages:
    11,005
    Likes Received:
    27
    Those are the travails of this method of approval; comparatively few people actually see and get involved in this thread, so like with most polls we do here, the consultant base is likely not statistically relevant to what the larger playing base may or may not want. That's why imo it's actually preferable to just put your faith in somebody who is doing it and give them creative license (inasmuch as there's really any creativity involved - we're not remaking the UI after all, just tweaking it).

    After having seen the bolder colors in the stats area, I actually don't like the pastels so much anymore lol. I have to admit though that I think the ToEE subdued blue and the new warm stone background texture actually go well together. I wasn't expecting that. I think we will stick with the current workup regardless, mainly because I don't have the necessary time to tweak the colors over and over and still expect to get something useable out the door for the modpack.

    Speaking of which, I guess I never really stated what the plan is as of taking this up again this year. Basically we are going to put in whatever's done in time for 7.6 at the end of this month. That almost certainly won't be everything, as there is a ton of stuff to go over, not the least of which is everything that will be affected by the universal changes to font in the .dll. Whatever's left undone will probably come in 7.7 next year. It's been over a year since we were threatening to do this initially, so no more delays. The time has come.

    We'll see about that when we get there, though the solution to that issue is just to change your drivers. :)
     
  12. sirchet

    sirchet Force for Goodness Moderator Supporter

    Joined:
    Dec 6, 2003
    Messages:
    3,721
    Likes Received:
    48
    The player inventory screen has me a bit concerned with accidentally dropping something you intend to use.

    When these buttons are side by side it's a little harder to mess up, but stacked you could easily be on the wrong one when the curser is holding the item you are using.

    And I do agree with you Gaear, your creative mind shouldn't need anyone's approval when making changes.

    But I do reserve the right to whine. :)
     
  13. Gaear

    Gaear Bastard Maestro Administrator

    Joined:
    Apr 27, 2004
    Messages:
    11,005
    Likes Received:
    27
    No worries, lol ...

    Re: buttons, that's pretty much the way it has to be with the overhaul, as the space they normally sit in has to be reclaimed to show an extra line of the larger font or that info will spill out of the bounding boxes and look sloppy and amateur. I suppose there might be a few misclicks before you get used to it, but I'm not too concerned being as you can just pick something up again that you accidentally drop and re-drop and item you accidentally tried to use.

    The many UI interfaces are coming along btw. I'll probably post shots of them all here eventually. As of now I suspect that dialog, party pool, and party creation won't make it in yet but we'll see. Those are by far the most complex, aside from the character sheet.
     
  14. Gaear

    Gaear Bastard Maestro Administrator

    Joined:
    Apr 27, 2004
    Messages:
    11,005
    Likes Received:
    27
    Okay, Christmas update time! So far I have 18 UI interfaces reskinned with high def (but mellowly reserved) textures in place of the antiseptically blank vanilla backgrounds. The following images show the backgrounds as ToEE assets, not as they appear in-game with text. Bear in mind of course that Priory 12 point will eventually take over all of ToEE and accessorize these images nicely in-game. Ignore the pink; it represents transparency. Also, empty black boxes generally contain buttons that are drawn dynamically in-game, like 'yes' and 'no.'

    ALERT | This is for popup boxes like area descriptions.

    ALERT.jpg

    FORMATION | This is for formations. Interestingly, the dialogue box below the formation squares is never used, AFAIK.

    FORMATION.jpg

    GENERIC | These are the boxes that randomly popup to randomly tell you things, like warnings about leaving your stuff on random encounter maps. Some have checkboxes, some don't. [ed. - the second is now our adapted larger box.]

    GENERIC.jpg

    NOCHECK_C.jpg

    HELP | The Help interface.

    HELP.jpg
     
  15. Gaear

    Gaear Bastard Maestro Administrator

    Joined:
    Apr 27, 2004
    Messages:
    11,005
    Likes Received:
    27
    LEVELUP | This is an overlay in the main character window during levelups for some reason.

    LEVELUP.jpg

    LOAD | This is the load screen. Like with formations, that box on the lower right is never used. :eek:_O:

    LOAD.jpg

    LOOT | The looting interface.

    LOOT.jpg

    MAIN | The main character UI that we've seen before.

    MAIN.jpg

    IRONMAN | The Ironman version. Why? Because if we don't, sooner or later some sour puss is going to play ironman no matter what we say and then declare how much Co8 sucks for "never even considering!" the ironman interface for the UI overhaul and blindly forgetting it like a pack of idiots. "The fools!" :p Rather than spend a lot of time redoing this, I just repainted the buttons 'iron-colored,' obviously.

    IRON.jpg
     
Our Host!