Page 2 of 2

Re: GUI content

PostPosted: 03 Mar 2011, 20:39
by svenskmand
For the icons I would really like if we could have them look like these Painterly Spells (second part) if someone knows how to make them :S - I do not think I can make such nice icons :(

They also look good with the border :)

Re: GUI content

PostPosted: 03 Mar 2011, 20:42
by StefanP.MUC
The art can be done later, maybe some good artist joins us, after we provide the new GUI to the wide public ;) But the basic frame (dimension + frame art) should be clear beforehand (because also the rest of the GUI layout depends on it).

Re: GUI content

PostPosted: 03 Mar 2011, 20:59
by svenskmand
I hope we can get the guy who made this :)

Re: GUI content

PostPosted: 03 Mar 2011, 21:03
by StefanP.MUC
The glest icons are also very good:
http://opengameart.org/content/magic-an ... face-icons

edit, I tried to make Skorpios buttons "stonish"

Re: GUI content

PostPosted: 03 Mar 2011, 21:54
by svenskmand
Look much better than the parchment :) Nice work.

Here are the four buttons you requested. But I would need to seperate the hover and pussed effects by cuting them out or making a overlay texture, else we cannot have say hover and disabled at the same time, or pussed and disabled. How would you do it? By transparent layering or seperate inner and outer button parts?

Re: GUI content

PostPosted: 04 Mar 2011, 07:45
by StefanP.MUC
Some overlay would be nice. So we don't need every button times four. But only the normal button + the 3 overlays. I don't know if CEGUI can do this, but I try to research this.

Re: GUI content

PostPosted: 04 Mar 2011, 10:26
by StefanP.MUC
Yup, overlaying seems very easy possible. I only have to add a new base layer in the looknfeel file that always displays the normal image.

This means, we only need the following
  • one basic button
  • one hover effect
  • one disabled effect
  • one puhshed effect
  • raw content for each button (raw meaning ONLY the content with transparent bg, not the normal button frame or bg)

This way I only have to add a default layer (displaying the empty basic button), a content layer (raw content for each button specified in the layout) and an effect layer (containing a special, state-dependent effect image or nothing in case of normal state).
This will make creating the buttons way more easy. :) And also changing specific parts will be as easy as posible this way.

With this we can already start building up a nice GUI without a clear decision on the final style. Because with this we have to change only ONE image to change ALL buttons to the new style.

Re: GUI content

PostPosted: 04 Mar 2011, 12:15
by StefanP.MUC
OK, someone that can compile the game shoudl try my latest GUI commit. I added the layers and some test images as described above. If everything works, then all buttons should have Skorpios (perchment->stone) style, and display an ugly house. On hovering they should glow and on pushing show some strage border.

Important hint: I changed the button size to 60x60 (important for the designers) and increased the font size from 12 to 14. This should resolve some of the "huge resolution, tiny gui" problems.

Re: GUI content

PostPosted: 04 Mar 2011, 12:19
by svenskmand
Is the raw content the spell, room and creature icons or what?

Also how many layers are supported? In the current buttons I have many layers, and some of the effects like hover I made by addning something to a middle layer, hopefully I can still do that, else I need to fix that another way.

Re: GUI content

PostPosted: 04 Mar 2011, 12:21
by StefanP.MUC
Yes, the raw content is the actual button picture (like a house for the quarters or a training puppet for the dojo).

Re: GUI content

PostPosted: 04 Mar 2011, 12:25
by svenskmand
How many layers are supported

Re: GUI content

PostPosted: 04 Mar 2011, 12:30
by StefanP.MUC
Don't know how many CEGUI supports. Currently I did set up three layers:
basic (always displayed, same for all buttons, showing the button bagckground)
content (always displayed, specific to each button, on top of basic)
effect (displayed at hover, disabled or pushed - speficic effect is the same for all buttons, displayed on top of content)