Maratis forum - UI Mockup

Re: UI Mockup

dummy@example.com (anael) — Fri, 25 Jul 2014 16:02:50 +0000

Update about the implementation:

The new editor using MGui2 is on progress inside the experimental branch, I had to clean and recode all the editor part, and now the base is working, with a flexible (and extendable) design.

I also corrected some of the engine code and implemented missing features. The editor selection code was reworked using a better raytracing system, it's faster and allows to select objects from front to back (objects inside other objects could not be selected easily).

I added directional lights in the renderer and the editor view, and started implementing the new GUI with a theme/preference system :

There is still a lot of work, and it's hard for me to find free time because of my professional activity, but it's moving !

Re: UI Mockup

dummy@example.com (Tutorial Doctor) — Thu, 19 Jun 2014 22:57:26 +0000

Will you be updating the Mac version of Maratis to allow .mproj files to open with Maratis? I still can't figure that out.

Re: UI Mockup

dummy@example.com (psikoT) — Sun, 01 Jun 2014 05:28:07 +0000

Looks great!... I would give more contrast to the selected submenu item though. Maybe you can try with a darker grey instead the green. I think you should avoid to use more than one color for highlights, it will make the layout more compact.

Apart from that, I would add very subtle dividers in the properties box (bottom left) to separate tools in different groups, but that's a personal choice.

Keep the good job, love that minimal UI.

Re: UI Mockup

dummy@example.com (ant0n) — Sun, 01 Jun 2014 03:55:49 +0000

anael wrote:

Another variant :

looks great!
Are there any functional changes? Martis a great engine, but to become popular it lacks the simple things (Navmesh, water, insufficient LUA API) .

Re: UI Mockup

dummy@example.com (anael) — Sat, 31 May 2014 23:00:20 +0000

Another variant :

Re: UI Mockup

dummy@example.com (psikoT) — Sat, 31 May 2014 09:43:59 +0000

I love it in grey!

Glad you post also 3 top-notch examples of a well designed interface. As you can see, serious software don't have in consideration the color of the UI as a key element of the identity. They think on ergonomie as main priority. The fact that they have the same UI color doesn't make them less 'unique'.

As side note: I was working on a game for long time, the game has some special tones of green and I personally would hate to work on it with a huge blue block in the left side. Anyway, since UI customization is planned to be possible, those details are not so important, just wanted to give my honest opinion.

Re: UI Mockup

dummy@example.com (Mike) — Fri, 30 May 2014 16:01:52 +0000

I like the blue myself. Still looks pretty slick in grey though.

Re: UI Mockup

dummy@example.com (anael) — Fri, 30 May 2014 13:33:58 +0000

For info, here is the same UI in grey :

And here is Unity :

3dsMax :

And Blender :

Re: UI Mockup

dummy@example.com (psikoT) — Fri, 30 May 2014 09:52:46 +0000

anael wrote:

- the top row buttons, do you mean the pacman, play, pause and stop buttons ?
It's true the size is not coherent and it could be smaller.

I meant to put all buttons (transform tools) in the same row as the pacman, play, etc, maybe with a separation between categories.

About the blue as neutral, well... it's not so neutral as grey. But since it's planned to be customizable, it's ok. Anyway, you can use the blue as highlights (buttons, hover-active states, etc) so you never loose your identity.

Re: UI Mockup

dummy@example.com (anael) — Thu, 29 May 2014 19:04:22 +0000

psikoT :
- Blue is really the identity of the editor, and every 3d softwares now looks similar. I made some experiment and blue is actually very zen and neutral, it also give a good contrast with text. But everything will be themable and not hard coded like the current UI, so it will be very easy to customize the colors.

- the top row buttons, do you mean the pacman, play, pause and stop buttons ?
It's true the size is not coherent and it could be smaller.

Re: UI Mockup

dummy@example.com (psikoT) — Thu, 29 May 2014 18:34:49 +0000

The GUI pimp is a great idea. I would use different tones of grey instead of blue in the interface, so it wouldn't make conflict with in-game colors. I also would unify all buttons in the top row to gain more space.

Re: UI Mockup

dummy@example.com (Tutorial Doctor) — Wed, 28 May 2014 20:41:02 +0000

I am liking the new look and layout. My main issue was having to navigate through the file system for assets. If I can get to them quicker, that is much better.

And is that snapping I see?! (post 6) hehe.

Re: UI Mockup

dummy@example.com (Vegas) — Wed, 28 May 2014 16:08:24 +0000

I prefer the add light/camera/text in a subemenu yes, for the floating bar, both are fine to me,
i tend to prefer horizontal menu when there's alot of options, but for less than 20 items, vertical is good too

oh and i didnt know there wasn't a console window on other OS, that's good, to me the console always gets in the way, would be nicer if it was integrated somehow

Re: UI Mockup

dummy@example.com (anael) — Wed, 28 May 2014 13:20:40 +0000

Another idea would be to replace the camera, light and text buttons by a "Add" Menu
and move the transformation buttons to the right, to gain more space :

It is also less busy near the scene menu.
What do you think ?

Re: UI Mockup

dummy@example.com (anael) — Wed, 28 May 2014 13:00:59 +0000

Update :