GUI content

Re: GUI content

Postby svenskmand » 03 Mar 2011, 20:39

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 :)
Attachments
IconBorderVine.png
IconBorderVine.png (39.19 KiB) Viewed 4394 times
IconBorderRock.png
IconBorderRock.png (31.83 KiB) Viewed 4394 times
IconBorderIce.png
IconBorderIce.png (37.57 KiB) Viewed 4394 times
Jamendo.com - The best music store on the net, uses CC licenses.
User avatar
svenskmand
OD Moderator
 
Posts: 1850
Joined: 09 Dec 2009, 00:07
Location: Denmark

Re: GUI content

Postby StefanP.MUC » 03 Mar 2011, 20:42

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).
StefanP.MUC
 

Re: GUI content

Postby svenskmand » 03 Mar 2011, 20:59

I hope we can get the guy who made this :)
Jamendo.com - The best music store on the net, uses CC licenses.
User avatar
svenskmand
OD Moderator
 
Posts: 1850
Joined: 09 Dec 2009, 00:07
Location: Denmark

Re: GUI content

Postby StefanP.MUC » 03 Mar 2011, 21:03

The glest icons are also very good:
http://opengameart.org/content/magic-an ... face-icons

edit, I tried to make Skorpios buttons "stonish"
Attachments
Button.png
Button.png (38.65 KiB) Viewed 4385 times
StefanP.MUC
 

Re: GUI content

Postby svenskmand » 03 Mar 2011, 21:54

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?
Attachments
IconBorderPressed.png
IconBorderPressed.png (3.49 KiB) Viewed 4382 times
IconBorderHover.png
IconBorderHover.png (3.16 KiB) Viewed 4382 times
IconBorderDisabled.png
IconBorderDisabled.png (3.97 KiB) Viewed 4382 times
IconBorder.png
IconBorder.png (2.85 KiB) Viewed 4382 times
Jamendo.com - The best music store on the net, uses CC licenses.
User avatar
svenskmand
OD Moderator
 
Posts: 1850
Joined: 09 Dec 2009, 00:07
Location: Denmark

Re: GUI content

Postby StefanP.MUC » 04 Mar 2011, 07:45

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.
StefanP.MUC
 

Re: GUI content

Postby StefanP.MUC » 04 Mar 2011, 10:26

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.
StefanP.MUC
 

Re: GUI content

Postby StefanP.MUC » 04 Mar 2011, 12:15

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.
StefanP.MUC
 

Re: GUI content

Postby svenskmand » 04 Mar 2011, 12:19

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.
Jamendo.com - The best music store on the net, uses CC licenses.
User avatar
svenskmand
OD Moderator
 
Posts: 1850
Joined: 09 Dec 2009, 00:07
Location: Denmark

Re: GUI content

Postby StefanP.MUC » 04 Mar 2011, 12:21

Yes, the raw content is the actual button picture (like a house for the quarters or a training puppet for the dojo).
StefanP.MUC
 

Re: GUI content

Postby svenskmand » 04 Mar 2011, 12:25

How many layers are supported
Jamendo.com - The best music store on the net, uses CC licenses.
User avatar
svenskmand
OD Moderator
 
Posts: 1850
Joined: 09 Dec 2009, 00:07
Location: Denmark

Re: GUI content

Postby StefanP.MUC » 04 Mar 2011, 12:30

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)
StefanP.MUC
 

Who is online

Users browsing this forum: No registered users and 1 guest