GUI graphic brainstorming

[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

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. :)



An idea: Animated clouds in background.

[rinoux]

An idea: Animated clouds in background.

Or a "real" 3d word in background ?

[Karlas]

That is very nice.Well done mate :)

[neko259]

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. :)



An idea: Animated clouds in background.

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

[Nemo08]

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. :)



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

[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.

[Nemo08]

local world

ok. then world must be alredy generated on long distance

[Raiden]

Why generate a world, perhaps it's nice with a simple scene, no? And less complicated for devs. :)

[neko259]

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.

[kahrl]

@neko259
Congrats on your 500th post! :-)
Beat jordan4ibanez to it.

[neko259]

@neko259
Congrats on your 500th post! :-)
Beat jordan4ibanez to it.

I feel like a flooder or a troll :'(

:D

[jordan4ibanez]

@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 :)

[sfan5]

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. :)



An idea: Animated clouds in background.

I like the Idea +2

[sfan5]

@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

[Raiden]

I made an update with the default resolution 800x600:

Client:


Server:


Config:


Graphic:


Sound:


Infos:


And here the source (.xcf)

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

[neko259]

It's great, but needs to be vector (if it's raster now, I didn't look inside) to fit any resolution.

[neko259]

And I think in-game HUD should look the same. Or include it in the texturepack.

[sfan5]

I made an update with the default resolution 800x600:

Client:


Server:


Config:


Graphic:


Sound:


Infos:


And here the source (.xcf)

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

+3

[Raiden]

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 ... :(

[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.

[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. :)

[Raiden]

I think it's better!


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.

[neko259]

Wait for kahrl, he likes to develop new graphical things :3

[sfan5]

I think it's better!


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

[neko259]

@Raiden: you last screenshot lacks 'minetest-c55' title. Maybe make game icon on the left and title on the right?

[Raiden]

like this?

[neko259]

like this?

Yes, exactly.

[sapier]

I like the style ... but I think it's a little bit too green ;-)

[neko259]

I like the style ... but I think it's a little bit too green ;-)

Green is natural and neutral to human psychic.

[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.