Suggestions - Modernizing Editor's UI

[jetrotal]

Overview

Inspired by the RMUI's concept art , I started drawing some some concept arts for EasyRPG's UI:

It's based on Google's Material Design.
There's a Qt framework for this kind of design, It's called Qaterial

All Icons came from the https://materialdesignicons.com/
an open-source community that designs multiple icons based on the Material Design Style.

Header

The header would be simplified, I tried to move all the tools that used to be in the header, closer to relevant panels.

Tilesets Tab

The drawing tools would be placed vertically, imitating modern Drawing Apps.
The zoom options are closer to the Zoom Tool.
And the map's tilesets can be changed on the fly.

Layers Tab

I thought about naming the Layers "Terrain", "Decoration" and "Events", instead of "Lower", "Up" and "Events".

The "Decoration" layer comes with multiple indexes.
Those indexes would work as a replacement to blank Events that are just used for decoration, like in the tree decorations bellow:

Events Explorer Tab

A suggestion for a new tool, that let the User list all the events placed on each map, then making it easy to find, edit, copy or remove project's event. It would also include Commons Events.

Those Transparent icons on the bottom, are a way to separate Blank Events from Events with commands, in case the Decoration Index suggestions can't be used.

Project Tree Tab

Basically the current Map Tree Tab. With buttons for adding and removing maps

Map Properties Tab

A live version of the "Map Properties Window".
"Save Map" and "Revert Map Changes" are also included.

---

Those are some thoughts I put over the Editor's UI. Maybe it's too far from what you guys have been planning. But I hope some ideas on it can be considered.

Thanks in advance!

[Ghabry]

This looks really cool. Maybe should really learn qtquick UI stuff compared to QWidgets. More design freedom :)

[jetrotal]

SplashScreeen

Inspired by RM2K Splash screen:

It consists on a file that displays random pics of community screenshots or fanarts.
It uses Koubit001 and TinyUnicode, the same CC fonts used on the newer player splashscreen.

PNG Reference:

Editable: SVG File

---

Icon

I experimented reversing the color fills and the overall shape, so the user could easily distinguish what is what

player / editor

QML Tests

Basic implementation of the QML Code:

https://jetrotal.github.io/easyRPG_UI/
https://github.com/jetrotal/easyRPG_UI

It has unnescessary ammount of Javascript, you guys probably know better how to make the code cleaner and dynamic.

[ryliejamesthomas]

The layers and events lists are really neat ideas