Improvement for Inventory GUI

    Lukwan

    Human
    Joined
    Oct 30, 2015
    Messages
    691
    Reaction score
    254
    Every pixel counts!

    The GUI for inventory management is imprecise and frustrating for something that is used constantly by everyone.

    Problems:

    1) The drop boxes for items in the inventory and hot-bar have six pixels of dead-space between them. Dropping a stack onto the borders causes a fail and the stack returns to the original location :)mad: Argh...repeat attempt).
    It seems that the entire six-pixel border does not overlap the detection area.

    2) The pointy end of the cursor that shows (with precision) where you are going to drop...is obscured by the hovering icon of your sticky-stack. Can't see the borders of the drop-box. :)mad: Argh...miss...again...rinse and repeat)

    Solutions:

    1) Does the detection area really need to match the border visually? If not then expand the detection area by one or two pixels (into the border: black & grey rows). This leaves the two blue pixels between the detection boxes of adjacent inventory slots instead of six. There will still be a buffer to prevent dropping into the box beside where you intended.

    2) Simply move the sticky-selection icon down and to the right (and partially ghosted?) so that we can actually see the tip of the cursor and the box below it.

    Together this will make using the inventory much less annoying. o_O...;)
     
    Last edited:

    NeonSturm

    StormMaker
    Joined
    Dec 31, 2013
    Messages
    5,110
    Reaction score
    617
    • Wired for Logic
    • Thinking Positive
    • Legacy Citizen 5
    If your cursor would be drawn in a circle/box and the icon in another circle/box, you wouldn't overlap the shapes, or would you?

    Implementation suggestion:
    1. Specify the direction through an angle.
    2. use math to convert the angle to a minimum x/y distance at which the cursor/icon shapes do not overlap
    3. handle offset + relative coordinates.