Lightweight Flexible GUI

The aim of this project is to create a simple component based graphical user interface, which is flexible enough to look good on a full color high resolution screen, while being able to downscale to even a low resolution monochrome screen. As a beneficial side effect, this allows for GUIs which take up very little screen space, or are densely packed with components. Due to its thematic and even nostalgic factor, it could even be used for simulating monochrome LCD screens in games.

This project is currently a work in progress, but currently implemented features include automatic component layouts, color themes, display options, and quad-tree optimization. Implemented components include panels, labels, buttons and toggles. Display options include rounded or square components, polychrome (allow more than one color), monochrome (force one color shade), wireframe, antialiasing, interpolation, and low resolution simulation scaling. Standard components such as menus, lists, sliders, charts, and loading bars are all planned.

Below is a sequence of different display setting being changed, on a display with three empty panels and one panel containing buttons, toggles, and a label:

0
Basic High Resolution
1
Automatic Layout Optimization
2
Simulated Low Resolution Scale
3
Interpolation and Antialiasing Disabled
4
Wireframe Enabled
5
Green Theme
6
Orange Theme and Polychrome Disabled
7
Polychrome and Monochrome Enabled
8
Blue Theme with Rounded and Polychrome Disabled
9
Scale Disabled
10
Gray on Black Theme
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s