Welcome, Guest. Please login or register.

Pages: 1 [2]
Print
Author Topic: GUI skinning  (Read 20582 times)
zenbitz
Community member

Posts: 1164



View Profile
« Reply #15 on: February 05, 2010, 01:13:31 AM »

Yeah, that's the problem with soviet fonts... although most of the game takes place in what was occupied by soviet troops for some time.

Probably old typewriter font is best.
Logged

We are not denying them an ending...
We are denying them a DISNEY ending - Icelus
Gaspard
Community member

Posts: 479


The Blackest Heart


View Profile
« Reply #16 on: February 05, 2010, 10:23:16 AM »

Probably old typewriter font is best.

word ! (one of my favourites in general)

although I personally have nothing against the pseudo-cyrillic font either - if we still have a Red Threat of any sort in the game...
Logged
Q_x
Admin
Community member

Posts: 553



View Profile
« Reply #17 on: February 05, 2010, 10:38:19 AM »

OK, I have some serious doubts now.
I still have not found the brilliant idea for what should buttons look like, just few good ones, but it maybe should not be brilliant at all. Its because of:

I think we can't use single fixed-size buttons. It has to be scaled sometimes - at least in horizontal direction.
There is some obscure note in Pychan specs of ImageButton allowing scaling content to size of the button. First thing is I don't know how to apply it, second - I don't know what and how will be scaled (text? image? both?)

Possible ways out:

If scaling content takes the image only:
Prepare few bitmaps of higher resolutions in proportions for narrow, wide and ultra-wide buttons.
Prepare very few buttons that will look good scaled no matter what the proportions/scale would be (eg. nearly flat light gray).
Go back to using Button class - without graphics at all.

If scaling content scales something other than image only, so it won't be possible:
Preparing backgrounds in the way that will look good on various sizes of buttons (not so pure-white snow, ash traces, blood dripping), lets say for buttons that are 30, 60 and 90 pix tall and 60, 90, 120 and 160 pix wide

I don't know who to ask of what is scaled and what not. Do I need to ask anyway? Safest and best-looking is the last approach, but its some work, not only for me, but for the person coding the GUI too - namely binding one of fixed-size backgrounds for each of the buttons now and in the future.
« Last Edit: February 05, 2010, 10:41:04 AM by Q_x » Logged

zenbitz
Community member

Posts: 1164



View Profile
« Reply #18 on: February 05, 2010, 09:02:37 PM »

the default pychan buttons look bad because they have no depth (edges).  Spending a huge amount of time on special button sizes seems excessive to me at this stage.

Something in the middle is probably best.... there must be some sweet spot between amount of effort and how good it looks.

some programmer want to test scalling for Q_x?
Logged

We are not denying them an ending...
We are denying them a DISNEY ending - Icelus
Q_x
Admin
Community member

Posts: 553



View Profile
« Reply #19 on: February 09, 2010, 11:49:15 AM »

Ok, I was thinking of which sizes might be needed, and came to this:

24 pix height and 60, 80, 120 and 200 pix wide (one liners)
and
60 pix height, 300 pix wide (for big button with two lines of text)

Hope it will be enough for the beginning (and not to fat to put it into trac ticket). I'll try to keep it in the "dirty snow" mood with some blood traces - this should be easy enough when changing or extending it later, eg. adding more sizes or switch from red stains to yellow.

I still don't know if doing it this way is reasonable, just because there will be need for making different buttons with different sizes hardcoded and changing this thing through whole GUI code made so far. We can always leave some things without images and improve things within some serious overhaul in the future.

Logged

JustinOperable
Community member

Posts: 37


View Profile Email
« Reply #20 on: February 10, 2010, 07:01:56 AM »

Well I know people have been erring away from it, but just in case, I made a soviet themed font with fontstruct a while back which is under a creative commons license.

http://fontstruct.fontshop.com/fontstructions/show/red_menace

just in case anyones interested.
Logged
Q_x
Admin
Community member

Posts: 553



View Profile
« Reply #21 on: February 10, 2010, 08:41:35 AM »

Cool font - and a cool app! Thanks!
Logged

Q_x
Admin
Community member

Posts: 553



View Profile
« Reply #22 on: February 11, 2010, 04:55:17 PM »

OK, so here we go, with details:
What I've done is not 100% full skin. But it should improve how things look and be usable as it is in the techdemo Wink.
I've been unable to set line spacing in any way.
The font (Essays1743) is still not the best that could happen to PARPG, but it comes in Bold, Italic and Bolditalic too.
The buttons are in quiet and ugly molten snow theme. Dirty/pure/bloodstained snow was my other idea, it was looking childish and noisy. So here you have.
If you dislike it - please post so that I know what would you like to see.
There is much to improve, but if you like it - I'll just make some minor corrections and prepare buttons in some other sizes.

Here are the things I've made - attached to the ticket:
http://parpg-trac.cvsdude.com/parpg/ticket/144
(Maybe overhaul don't come in hand with skinning?)
Changes went into fontdef file and styling.py
fontdef assumes a dirty trick - samanata.ttf is no longer the file it should be, I've substituted it with Essays1743.ttf. I'm not into font definition enough to do it rite Sad.


* Untitled-1 copy.png (175.98 KB, 430x553 - viewed 832 times.)

* 30x120 normal.png (4.07 KB, 120x30 - viewed 467 times.)

* 30x120 hover.png (6.41 KB, 120x30 - viewed 465 times.)

* 30x120 clicked.png (5.28 KB, 120x30 - viewed 462 times.)
Logged

qubodup
Admin
Community member

Posts: 261



View Profile Email
« Reply #23 on: February 12, 2010, 03:44:41 AM »

It's not bad, but the background looks like biological mass (enlarged cell membrane) to me. I would prefer something more metal-like or if you want to stick to white, white paint on wood or metal perhaps.
 http://www.burningwell.org/gallery2/v/textures/tiling/diamond+grip+steel.jpg.html
http://www.burningwell.org/gallery2/v/textures/buildings/windowsHouses/3821660570_064e1b48c6_o.jpg.html?g2_imageViewsIndex=0
http://www.burningwell.org/gallery2/v/textures/surfaces/metal/img_0579.jpg.html?g2_imageViewsIndex=1
http://www.burningwell.org/gallery2/v/textures/surfaces/metal/img_0575.jpg.html?g2_imageViewsIndex=1

might be useful base txtures, especially the first link, which is tiling.

I mixed some of these textures and added white and scaled it down in the attachement. Don't know how to test this exactly..

gimp layered version: http://www.box.net/shared/80tlacxsn6 , public domain/cc0


* this.png (128.14 KB, 256x256 - viewed 691 times.)
« Last Edit: February 12, 2010, 03:49:10 AM by qubodup » Logged
Q_x
Admin
Community member

Posts: 553



View Profile
« Reply #24 on: February 12, 2010, 09:12:04 AM »

Tested. Looks nice Smiley

My point to do it in the way before was using of little bit transparent background. So that you see what is going on behind it.

Maybe I should tweak little bit more with text background and generic button color to have it even better looking with what you provided, but all can see now, quick, how it will be.
The texture appears flat, but the GUI should not have big flat spots like this example. And text is well readable too.

So non-intrusive, well-readable aluminum theme. What do you think?


* testd.png (243.96 KB, 427x558 - viewed 702 times.)
« Last Edit: February 12, 2010, 09:17:49 AM by Q_x » Logged

qubodup
Admin
Community member

Posts: 261



View Profile Email
« Reply #25 on: February 12, 2010, 12:27:29 PM »

Maybe I should tweak little bit more with text background and generic button color to have it even better looking with what you provided, but all can see now, quick, how it will be.
The texture appears flat, but the GUI should not have big flat spots like this example. And text is well readable too.

So non-intrusive, well-readable aluminum theme. What do you think?
Sounds good. I would also suggest rounding the buttons' bottom right corner.
Logged
Captain Obvious
Community member

Posts: 12


View Profile
« Reply #26 on: February 12, 2010, 08:06:35 PM »

What do you think of this kind of background ?
brushed metal : http://img710.imageshack.us/img710/3347/brushedmetal.jpg
brushed metal and rust : http://img713.imageshack.us/img713/1005/rustybrushedmetal.jpg
Logged
Q_x
Admin
Community member

Posts: 553



View Profile
« Reply #27 on: February 13, 2010, 10:34:09 AM »

It is, or should be, a discussion upon are we more like a snowy fallout or survival in cold, decaying place, really. It will be easy to change background in the future (no matter what the size is).
I really like the rusty one.

Logged

Pages: 1 [2]
Print
Jump to: