SkinChangerMod

SkinChangerMod

4.2k Downloads

UI redesign

boomboompower opened this issue ยท 4 comments

commented

There are four components to the UI redesign:

  • Create mockups [COMPLETE]
  • Implement main UI design in game [IN-PROGRESS]
  • Write cross-platform compatibility
  • Test across OS + MC versions + Screen sizes.

Mockups:

Design Mockup

  • Main UI
  • Settings UI

Main UI:

In progress

Cross Platform:

  • Windows
  • Mac
  • Linux

Testing

In progress

commented

Current design (from 8ec4298)

High Res photo

and on a low resolution
Low Res photo


Lacking

  • Cape Implementation
  • Applying to player
commented

Redesigned the main UI a bit in 0d9579c

Recent capes and recent skins are now on the bottom row, content will automatically scale to be in the center of the available space as well. A screenshot example will be released later.

With this change, I've used a ScissorState to trim the fat off GUI's, to give a better experience to those with smaller screens.

commented

The new UI design is done and won't be changing, possibly superseded by #23

commented

At the moment I'm working on the "Scrollable" aspect of the UI. The Y translation on scroll works, however I'd like to convert this to a UI element as well. It's a bit tricky to master though.

Currently the Scrollable class contains a feature called "nodes" which are basically meant to be a kind of data holder for the recent skins and cape lists. I might remove "Nodes" from the current Scrollable and reimplement them in a different module. Im thinking of some kind of "Data box" which contains the nodes and also contains a Scrollable instance.

Something to keep in mind when developing the new element for storing the recent lists is ScissorStates. They could be used to contain the data which is being scrolled without it bleeding off the page.


Regarding cross-compatability, the UI works in 1.7.10 however I have not bothered to try it in the newer versions yet.

Smaller resolutions can make the FakePlayer render a bit weird however it stays in the box, which is what I think is most important. I can clean the formatting later.