Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

GUI - Main menu & Microbe #130

Closed
ChizuLaCheese opened this issue Apr 28, 2014 · 18 comments
Closed

GUI - Main menu & Microbe #130

ChizuLaCheese opened this issue Apr 28, 2014 · 18 comments
Assignees
Milestone

Comments

@ChizuLaCheese
Copy link

GUI for the Main menu and the Microbe stage and editor. Designing buttons frames, icons etc.

@Oliveriver
Copy link
Contributor

I can start work on this when I get some substantial free time in a couple of weeks, although I won't be able to do any coding for it.

@jjonj
Copy link
Contributor

jjonj commented Apr 28, 2014

The coding is all done :) Just need to update the artwork! Here are the files with the artwork I made myself with Gimp:
http://i.imgur.com/d7xm48R.png
http://i.imgur.com/Mb3en9h.png
But you can do assets however you want and I can just easily add them! Note that transparency is fully supported (and even used for button mouse collision when desired).
Also as you can see you don't need to do full sizes for things like square buttons and frames, I simply define how to expand it from small straight segments. For non-square items you'll want to do full sizes/shapes.
EDIT: What to put where with what size etc you can just show/inform me about and I can edit the XML. There is supposedly also editors for placing things and generating XML from that, but I haven't looked into that yet.

@Alexthe666
Copy link

I always thought that the main menu GUI should be black, not green. Other than that, it looks fantastic!

@TheGuineapig
Copy link

@Alexthe666 I completely agree. It also would fit with a more realistic style + the website.

@TheGuineapig
Copy link

I made a tweak of @jjonj 's GUI, should this be the defaults?
Image: http://imgur.com/qYcUxnq http://imgur.com/Fv3OQna http://imgur.com/frvyNMk

@Oliveriver
Copy link
Contributor

The current GUI design and layout is entirely a placeholder I'm afraid - it's far too messy and uneven to use in the final game, even with a colour shift. The images Crovea linked are just reference for other designs.

Speaking of which, I've created a few variations on GUI ideas for the Main Menu (the first two were created a while ago), with backgrounds to go along with them:
http://i.imgur.com/Lbx1Oaz.png
http://i.imgur.com/YN2GoIe.png
http://i.imgur.com/HKUKGxS.png

The third version is my favourite. It also allows for colour and brightness shifting in the background, while the green tint appears on whatever button is being hovered over. I'd imagine the large empty space to the right would be filled with a settings screen for setting up a new game, a list of saves for loading a game, the options menu for options, links to editors through the tools option and links to images and soundtrack through the extras button. This GUI style has been adapted via the editor and gameplay GUI mock-ups created by ~scio and Xenox. For those interested, the main colour scheme is #2b2b2b #90eb90 and #ababab, which is also what I used on the website and is partly based off the forum.

@TheGuineapig
Copy link

Why do we need placeholders? Wouldn't it just be easier to use this finished layout from the start? The only real differences are the graphics and the text. Both of which are easy to change. I could try to port your design to the current format.

@JSpinoraptor
Copy link

@Oliveriver I like the first and last variations, but I had a thought, what if they were both one in the same, like the planet pans across the background, like the camera is spinning in space, like a satellite, and the green that fades in is some kind of lense flare like effect.

What do you think?

@Alexthe666
Copy link

I think the last one Oliveriver linked was the Best, but I feel like it should be more organic. Or the organic-ness can change as you go from a microbe phase to space phase.

@TheGuineapig
Copy link

@JSpinoraptor Nice idea, altough this would require it to be a 3D set, as oppose to an animated image.

@TheGuineapig
Copy link

@Oliveriver I tried to mimic your design best I could without changing the format and with a little sprinkle of my own touch ;)
Images: http://imgur.com/a/2B8nO :P
Hope you like it, it is still work in progress - at the moment I haven't changed the format.
Edit: Oops, didn't realise that the green tint was only when it is selected, will try to fix that for the next version :P

@TheGuineapig
Copy link

Ok, my Current GUI is a mess. What is the actual size of Thrive?

@ChizuLaCheese
Copy link
Author

You mean the Screen resolution? (if 'yes'), I don't believe we've really got an exact size decided (atleast as of yet), since you can basically resize the window however you please and the fullscreen mode's adjusted to the unique computer in question's (which you're/one's playing the game on) screen size.

@jjonj
Copy link
Contributor

jjonj commented Jun 14, 2014

I could have sworn i answered that question, hrmm. But yes, we want can stretch the game to any resolution we like, but to have the GUI look great on all resolutions, we would want it to be made for the largest resolution we want to properly support. I imagine 1920x1080 would be fine

@Moopli
Copy link
Contributor

Moopli commented Jun 15, 2014

I did a test: image
It seems CEGUI handles the scaling, which is really all that you can do to handle different screen sizes well; unless you dive in deeper to do dynamic GUI manipulation (like making a series of buttons collapse on top of each other when there isn't enough space to spread them all out, for example). But that will come later, no doubt.

@jjonj jjonj added this to the Release 0.2.4 milestone Aug 5, 2014
Moopli added a commit that referenced this issue Nov 30, 2014
Moopli added a commit that referenced this issue Nov 30, 2014
help by clicking on help button, Compound by clicking on the compound panel when open.

See #130
@tjblazer85
Copy link

Is there anything that needs to be done here?

@Oliveriver
Copy link
Contributor

Nothing more on the graphics side of things - the last two pages of this thread: http://thrivegame.forum-free.ca/t1323p150-microbe-gui-finalisation#31323 show the progress towards our current situation, where most of the graphics coding is done, but Lua still needs to be fiddled with. That's currently delayed a little as Moopli doesn't have much free time.

@jjonj jjonj assigned Moopli and unassigned Oliveriver Dec 10, 2014
Moopli added a commit that referenced this issue Dec 23, 2014
…allbacks.

Undo/redo buttons, help text on both editor and microbe stage,
and microbe naming in editor now work.

NB:
- Microbe name doesn't link to either saving (not yet re-enabled) or species
(which aren't on this branch ...yet)
- Layout files have been added and gitignore changed, these could easily be
temporary or permanent changes in project structure.

See #130
Moopli added a commit that referenced this issue Dec 24, 2014
Moopli added a commit that referenced this issue Dec 24, 2014
… editor to microbe stage.

It would be really useful to have the simple-population-dynamics stuff done for
this, since working with data being passed from one Microbe instance to another
is just plain ugly. It would be much better to have the species passed back and
forth (in the handshaking of MicrobeEditor:activate and update, and who knows
where else), and just create clean microbe instances.

Anyway, I won't bother with this name-passing any more in this branch, better
to do it in 191 after 130 is merged.

See #130, #191
Moopli added a commit that referenced this issue Dec 25, 2014
…ttons dynamically disable/reenable.

Also refactored a bunch of microbe stage event callbacks to be methods.

See #130
Moopli added a commit that referenced this issue Dec 29, 2014
Important internal changes:
* Most GUI callbacks are now methods of their HudSystems (cleans the code, mostly)
* Saving/Loading has been disconnected from GUI for now, since we need to redesign how save/loading works anyway.
* CEGUIWindow now supports animations (which are used slightly)
* A small change to microbe.lua, adding a species name. This is temporary, as the entire data-passing system needs to be changed (see #240)

See #130
Moopli added a commit that referenced this issue Dec 29, 2014
    Important internal changes:
    * Most GUI callbacks are now methods of their HudSystems (cleans the code, mostly)
    * Saving/Loading has been disconnected from GUI for now, since we need to redesign how saving/loading works anyway.
    * CEGUIWindow now supports animations (which are used slightly)
    * A small change to microbe.lua, adding a species name. This is temporary, as the entire data-passing system needs to be changed (see #240)

    See #130
@Moopli Moopli closed this as completed in 802881c Dec 29, 2014
@Moopli
Copy link
Contributor

Moopli commented Dec 29, 2014

There is the saving and loading left, but I've bumped it off to another issue as it needs some work from another branch.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

8 participants