TMW GUI - skinning thread

Content and general development discussion, including maps, quests, and server code from the development team.
User avatar
i
TMW Adviser
TMW Adviser
Posts: 1113
Joined: Mon Mar 07, 2005 6:29 pm
Location: Poland
Contact:

TMW GUI - skinning thread

Post by i » Sun Feb 17, 2008 6:04 pm

Lets see what we got in TMW. We got new splash screen, a bunch of new tiles and maps. And old GUI. So I was trying to change that, and found some potential problems for future skinners.
I start from slide bar, because old one IMO looked strange... Here is result:
Image
New slider is basing on Ubuntu Human's theme. Colors of bar are the same. Round button in new.
I also marked unused parts of image with green. Below I present this png at 800% zoom.
Image
Slider Map file:
Image
And legend:
Red - [4x6px] - begin and end of horizontal slidebar
Yellow - body of horizontal slidebar
Blue - [6x4px] - begin and end of vertical slide bar
Light blue - body of vertical slidebar
Black - slidebar button
Green - unused

I suggest to make map to every file used in GUI and place it on TMW.wiki.

Next I wanted to change borders of windows. But modifying thickborder.png won't worked and then I realize that we are using vscroll_gray.png instead of thickborder.png for scrolls and windows borders. And here is my question: Why?

That would be nice to have skinning tutorial and let people to make their own skins. Maybe skins should have XML files describing areas of element on image.

And one more thing. Please do not post thing like: "Yeah cool", "great job", etc. Only constructive posts will be appreciated.

Edit:
ingame screenshot:
Image
Retired chainsaw seller. CEO @ Advertising Agency N2P
User avatar
ElvenProgrammer
TMW Adviser
TMW Adviser
Posts: 2526
Joined: Tue Apr 13, 2004 8:11 pm
Location: Italy
Contact:

Re: TMW GUI - skinning thread

Post by ElvenProgrammer » Sun Feb 17, 2008 9:22 pm

i wrote:I suggest to make map to every file used in GUI and place it on TMW.wiki.

That would be nice to have skinning tutorial and let people to make their own skins. Maybe skins should have XML files describing areas of element on image.
I think letting people create their own skin is somewhat planned, but since it's not a priority noone ever thought about it deeply as far as I know. Writing some requirements/ideas on the wiki could be a start so we can begin to ease the process of customizing gui skin.
i wrote: Lets see what we got in TMW. We got new splash screen, a bunch of new tiles and maps. And old GUI. So I was trying to change that, and found some potential problems for future skinners.
Next I wanted to change borders of windows. But modifying thickborder.png won't worked and then I realize that we are using vscroll_gray.png instead of thickborder.png for scrolls and windows borders. And here is my question: Why?
Good iniative. Why the image for scrollbars was used for dialogs it's a mistery also to me, I guess it was the quickest one to use which granted a background.
About the current gui graphics, well I mostly like them even if there's a lot that could be improved, such as scrollbars (as you noted), close buttons, background, ...
I'd be glad when someone would like to improve the current gui graphics.
If you're serious about replacing the whole skin, I'm curious enough to see where it goes...
There's not much to judge on your current progess, but looks promising to me.
User avatar
i
TMW Adviser
TMW Adviser
Posts: 1113
Joined: Mon Mar 07, 2005 6:29 pm
Location: Poland
Contact:

Re: TMW GUI - skinning thread

Post by i » Mon Feb 18, 2008 12:29 am

bg_quad_dis.png
Image

checkbox.png
Image

close_button.png
Image

resize.png
Image

slider.png
Image

vscroll_grey.png
Image

Ingame view:
Image
Retired chainsaw seller. CEO @ Advertising Agency N2P
User avatar
Usiu
Peon
Peon
Posts: 15
Joined: Sun Mar 06, 2005 7:39 pm
Location: Poland
Contact:

Re: TMW GUI - skinning thread

Post by Usiu » Mon Feb 18, 2008 1:28 am

I suggest replacing guichan lacking UTF support with more advanced and customisable CEGUI http://www.cegui.org.uk/wiki/index.php/Main_Page
User avatar
i
TMW Adviser
TMW Adviser
Posts: 1113
Joined: Mon Mar 07, 2005 6:29 pm
Location: Poland
Contact:

Re: TMW GUI - skinning thread

Post by i » Mon Feb 18, 2008 2:00 am

Unfortunately I must AGREE with Usiu. Lacks of UTF-8 compatibility and drag and drop functionality is major disadvantage of guichan. However it means rewriting almost all client code. But IMO it's better to do it now, nor later.
Retired chainsaw seller. CEO @ Advertising Agency N2P
User avatar
Crush
TMW Adviser
TMW Adviser
Posts: 8046
Joined: Thu Aug 25, 2005 5:08 pm
Location: Germany

Re: TMW GUI - skinning thread

Post by Crush » Mon Feb 18, 2008 2:19 am

The problems you are mentioning have already been solved. Drag&Drop functionality, UTF-8 and TrueType font support is already implemented in the client branch for the new server.
Image
(Localisation is working too, as you can see)

As much as I dislike guichan for its constantly changing API and notorious compilation problems: Replacing the whole GUI library in the current stage of the project would be quite insane. It is much easier to work around the problems of Guichan (fortunately it is designed in a way that makes it very extensible and easy to modify) than reimplementing the whole gui with another toolkit and thus losing years(!) of work.
  • former Manasource Programmer
  • former TMW Pixel artist
  • NOT a game master

Please do not send me any inquiries regarding player accounts on TMW.


You might have heard a certain rumor about me. This rumor is completely false. You might also have heard the other rumor about me. This rumor is 100% accurate.
User avatar
ElvenProgrammer
TMW Adviser
TMW Adviser
Posts: 2526
Joined: Tue Apr 13, 2004 8:11 pm
Location: Italy
Contact:

Re: TMW GUI - skinning thread

Post by ElvenProgrammer » Mon Feb 18, 2008 9:36 am

i wrote:slider.png
Image
Actually I preferred the previous color scheme, and also I'd like to see a plain background instead of a textured one.
User avatar
Rotonen
TMW Adviser
TMW Adviser
Posts: 3154
Joined: Wed Sep 08, 2004 8:48 pm
Location: Espoo, Finland

Re: TMW GUI - skinning thread

Post by Rotonen » Mon Feb 18, 2008 4:48 pm

Please do not let this thread die before there are at least 5 skins I (or the general consensus) have approved.

So far 0/5 for me.

Thank you (beforehand) for your cooperation and patience.
This message used to be meaningful.
Matt
Knight
Knight
Posts: 1746
Joined: Sat Aug 07, 2004 11:47 am
Location: Germany->Bavaria

Re: TMW GUI - skinning thread

Post by Matt » Mon Feb 18, 2008 5:47 pm

Nice idea, I would prefer a skin that matches with the style of your login wallpaper.

http://i3.photobucket.com/albums/y67/ir ... h-test.png
User avatar
Modanung
Knight
Knight
Posts: 1719
Joined: Fri May 20, 2005 4:51 pm
Location: Groningen, The Netherlands
Contact:

Re: TMW GUI - skinning thread

Post by Modanung » Mon Feb 18, 2008 7:51 pm

I like Iru's skin.
If you're looking for 3D FOSS games be sure to check out LucKey Productions on itch.io
User avatar
i
TMW Adviser
TMW Adviser
Posts: 1113
Joined: Mon Mar 07, 2005 6:29 pm
Location: Poland
Contact:

Re: TMW GUI - skinning thread

Post by i » Mon Feb 18, 2008 7:55 pm

Rotonen wrote:Please do not let this thread die before there are at least 5 skins I (or the general consensus) have approved.

So far 0/5 for me.

Thank you (beforehand) for your cooperation and patience.
Rotonen: consider that TMW is one of the most unskinable games. Current GUI isn't configurable via XML files, we are using unproper files for borders, font pixmap recoloring is the only option for changing text color . It lack of functionality. We have limited space on gui pixmaps. There is no enough place for various effects like scratched borders. Gui opacity works only with background pixmap which is in my opinion wrong. Opacity parameter should work on whole GUI layer.

On this topic I was only trying to improve our GUI. But I noticed that It is very hard skinable. Anyway if we aim to have 5 or more same skins with different colour variation and slightly different shape... then I will no comment that. That's not the way it should be done.
Retired chainsaw seller. CEO @ Advertising Agency N2P
User avatar
ElvenProgrammer
TMW Adviser
TMW Adviser
Posts: 2526
Joined: Tue Apr 13, 2004 8:11 pm
Location: Italy
Contact:

Re: TMW GUI - skinning thread

Post by ElvenProgrammer » Mon Feb 18, 2008 8:46 pm

i wrote:But I noticed that It is very hard skinable.
Your effort together with our could make tmw easily skinnable, just note all the things that could be improved and we'll take care of developing them.
User avatar
Rotonen
TMW Adviser
TMW Adviser
Posts: 3154
Joined: Wed Sep 08, 2004 8:48 pm
Location: Espoo, Finland

Re: TMW GUI - skinning thread

Post by Rotonen » Tue Feb 19, 2008 8:51 pm

Just give the feedback to the developers on what you actually need for what you want to try. They are not psychic, artistic or user friendliness savvy.

I just tried to express that there should be five different alternate approaches to our gui out of the box. Apparently that developmental step is not yet possible without some work under the hood.
This message used to be meaningful.
User avatar
kr0n05931
Warrior
Warrior
Posts: 652
Joined: Sat Jul 26, 2008 2:59 am
Location: United Socialist States of America
Contact:

Re: TMW GUI - skinning thread

Post by kr0n05931 » Sun Jun 14, 2009 5:46 am

bump
Lazy bum.
User avatar
Rotonen
TMW Adviser
TMW Adviser
Posts: 3154
Joined: Wed Sep 08, 2004 8:48 pm
Location: Espoo, Finland

Re: TMW GUI - skinning thread

Post by Rotonen » Sun Jun 14, 2009 9:59 am

9-patch has not yet emerged in the tech dev sector. Pressure our tech devs to implement that and we'll see about this, finally.
This message used to be meaningful.
Post Reply