Page 1 of 2

GUI graphic brainstorming

PostPosted: Fri Feb 03, 2012 11:24
by Raiden
[h]Here the final version (source and elements):[/h]
http://dakal-fr.deviantart.com/gallery/#/d5b61yl

Many icons from: Pixel Style Icons
Font from: Press Start 2P

Image

I made an example of a new GUI, it's just a mockup.
I don't know if it's technically possible to have tabs on the right with basic GUI in Irrlicht but i think it's cool. :)

Image

An idea: Animated clouds in background.

PostPosted: Fri Feb 03, 2012 11:33
by rinoux
Raiden wrote:An idea: Animated clouds in background.

Or a "real" 3d word in background ?

PostPosted: Fri Feb 03, 2012 11:33
by Karlas
That is very nice.Well done mate :)

PostPosted: Fri Feb 03, 2012 11:34
by neko259
Raiden wrote:I made an example of a new GUI, it's just a mockup.
I don't know if it's technically possible to have tabs on the right with basic GUI in Irrlicht but i think it's cool. :)

Image

An idea: Animated clouds in background.

Nice. Background can be a view of the default local world from some point.

PostPosted: Fri Feb 03, 2012 12:05
by Nemo08
neko259 wrote:
Raiden wrote:I made an example of a new GUI, it's just a mockup.
I don't know if it's technically possible to have tabs on the right with basic GUI in Irrlicht but i think it's cool. :)

Image

An idea: Animated clouds in background.

Nice. Background can be a view of the default local world from some point.

for this you must already be connected to any server

PostPosted: Fri Feb 03, 2012 12:08
by neko259
for this you must already be connected to any server

local world

If it doesn't exist because you play only on servers, create it.

PostPosted: Fri Feb 03, 2012 12:14
by Nemo08
neko259 wrote:
local world


ok. then world must be alredy generated on long distance

PostPosted: Fri Feb 03, 2012 12:22
by Raiden
Why generate a world, perhaps it's nice with a simple scene, no? And less complicated for devs. :)

PostPosted: Fri Feb 03, 2012 12:52
by neko259
Raiden wrote:Why generate a world, perhaps it's nice with a simple scene, no? And less complicated for devs. :)

If you have a world, you can get different views every time you launch a game.

PostPosted: Fri Feb 03, 2012 13:03
by kahrl
@neko259
Congrats on your 500th post! :-)
Beat jordan4ibanez to it.

PostPosted: Fri Feb 03, 2012 13:06
by neko259
kahrl wrote:@neko259
Congrats on your 500th post! :-)
Beat jordan4ibanez to it.

I feel like a flooder or a troll :'(

:D

PostPosted: Fri Feb 03, 2012 13:13
by jordan4ibanez
kahrl wrote:@neko259
Congrats on your 500th post! :-)
Beat jordan4ibanez to it.

FUUUUUUUUUUUUUUUUUUUUUUUUUU

jk good job neko :D

and +1 for the gui..maybe it should just render the clouds for now to see how it can handle instantly generating it? anyways that looks cool :)

PostPosted: Fri Feb 03, 2012 13:19
by sfan5
Raiden wrote:I made an example of a new GUI, it's just a mockup.
I don't know if it's technically possible to have tabs on the right with basic GUI in Irrlicht but i think it's cool. :)

Image

An idea: Animated clouds in background.

I like the Idea +2

PostPosted: Fri Feb 03, 2012 13:22
by sfan5
jordan4ibanez wrote:
kahrl wrote:@neko259
Congrats on your 500th post! :-)
Beat jordan4ibanez to it.

FUUUUUUUUUUUUUUUUUUUUUUUUUU

jk good job neko :D

and +1 for the gui..maybe it should just render the clouds for now to see how it can handle instantly generating it? anyways that looks cool :)

I have 500 posts too :D xD

PostPosted: Fri Feb 03, 2012 15:13
by Raiden
I made an update with the default resolution 800x600:

Client:
Image

Server:
Image

Config:
Image

Graphic:
Image

Sound:
Image

Infos:
Image

And here the source (.xcf)

PS: Font is Press Start 2P from Open font Library

PostPosted: Fri Feb 03, 2012 15:38
by neko259
It's great, but needs to be vector (if it's raster now, I didn't look inside) to fit any resolution.

PostPosted: Fri Feb 03, 2012 15:39
by neko259
And I think in-game HUD should look the same. Or include it in the texturepack.

PostPosted: Fri Feb 03, 2012 15:53
by sfan5
Raiden wrote:I made an update with the default resolution 800x600:

Client:
Image

Server:
Image

Config:
Image

Graphic:
Image

Sound:
Image

Infos:
Image

And here the source (.xcf)

PS: Font is Press Start 2P from Open font Library

+3

PostPosted: Fri Feb 03, 2012 15:55
by Raiden
neko259 wrote:It's great, but needs to be vector (if it's raster now, I didn't look inside) to fit any resolution.


I don't think the scalable property of .svg files is useful in this case. It just need to fix the width/height correctly and there is no deformation when you change resolution. (like the actual GUI)

And i don't know how to use inkscape ... :(

PostPosted: Fri Feb 03, 2012 16:09
by neko259
I don't think the scalable property of .svg files is useful in this case. It just need to fix the width/height correctly and there is no deformation when you change resolution. (like the actual GUI)

And i don't know how to use inkscape ... :(

Yes, my mistake. The menu needs no resize, it will be just moved to the center of the window.

PostPosted: Sat Feb 04, 2012 01:55
by Raiden
Finally tabs on top or bottom are better, because we gain a lot of spaces to add some others menus in the future like "chat config" (colors, system message, etc) or a mod integration menu. And in the basic irrlicht GUI API there is only two alignements for tabs: lower and upper. So i must remake another mockup. :)

PostPosted: Sat Feb 04, 2012 11:38
by Raiden
I think it's better!
Image

Now i must to start to learn how GUI work in irrlicht because i'm not a coder ... or perhaps a nice developer see this topic and like this GUI. :D
I can send source, and all cutted parts if someone is interrested to play with it.

PostPosted: Sat Feb 04, 2012 11:42
by neko259
Wait for kahrl, he likes to develop new graphical things :3

PostPosted: Sat Feb 04, 2012 12:01
by sfan5
Raiden wrote:I think it's better!
Image

Now i must to start to learn how GUI work in irrlicht because i'm not a coder ... or perhaps a nice developer see this topic and like this GUI. :D
I can send source, and all cutted parts if someone is interrested to play with it.

Nice! +5

PostPosted: Sat Feb 04, 2012 12:03
by neko259
@Raiden: you last screenshot lacks 'minetest-c55' title. Maybe make game icon on the left and title on the right?

PostPosted: Sat Feb 04, 2012 12:39
by Raiden
like this?
Image

PostPosted: Sat Feb 04, 2012 12:42
by neko259
Raiden wrote:like this?
Image

Yes, exactly.

PostPosted: Sat Feb 04, 2012 17:44
by sapier
I like the style ... but I think it's a little bit too green ;-)

PostPosted: Sat Feb 04, 2012 17:46
by neko259
sapier wrote:I like the style ... but I think it's a little bit too green ;-)

Green is natural and neutral to human psychic.

PostPosted: Sat Feb 04, 2012 17:50
by sapier
I've been driving a green car for some time so I do like green in general but I still think it's too green. But it's only my opinion I might be wrong.