Uploaded image for project: 'Minecraft: Java Edition'
  1. Minecraft: Java Edition
  2. MC-116465

Default GUIs got different heights; "Inventory", "main" GUI headline, partially also (tile) entity content location are offset

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Open
    • Resolution: Unresolved
    • Affects Version/s: Minecraft 1.11.2, Minecraft 17w15a, Minecraft 17w16a, Minecraft 17w16b, Minecraft 17w17a, Minecraft 17w17b, Minecraft 17w18a, Minecraft 1.12 Pre-Release 1, Minecraft 1.12 Pre-Release 2, Minecraft 1.12 Pre-Release 3, Minecraft 1.12 Pre-Release 4, Minecraft 1.12 Pre-Release 5, Minecraft 1.12 Pre-Release 6, Minecraft 1.12 Pre-Release 7, Minecraft 1.12, Minecraft 1.12.1 Pre-Release 1, Minecraft 1.12.1, Minecraft 1.12.2 Pre-Release 1, Minecraft 1.12.2 Pre-Release 2, Minecraft 1.12.2, Minecraft 17w43a, Minecraft 17w43b, Minecraft 17w45b, Minecraft 17w46a, Minecraft 17w47a, Minecraft 17w47b, Minecraft 17w48a, Minecraft 18w01a, Minecraft 18w03b, Minecraft 18w05a, Minecraft 18w16a, Minecraft 18w19a, Minecraft 18w22a, Minecraft 1.13-pre1, Minecraft 1.13-pre2, Minecraft 1.13, Minecraft 1.13.1-pre1, Minecraft 1.13.2, Minecraft 18w48a, Minecraft 18w48b, Minecraft 18w49a, Minecraft 18w50a, Minecraft 19w02a, Minecraft 19w03b, Minecraft 19w03c, Minecraft 19w05a, Minecraft 19w06a, Minecraft 19w07a
    • Fix Version/s: None
    • Labels:
    • Confirmation Status:
      Confirmed

      Description

      There are a few visualization graphics and text still missing.

      Tested in 17w06a, noticed in 1.11.2 release.

      There is not a single MC GUI which is consistent towards every other GUI, in all GUIs are various issues; some fixes would be few or minor, some GUIs have several issues at the same time. In this bugpost I'm demonstrating all inconsistencies as well as possible fixes, for some GUIs even several possible fixes, as the final decision on changing the Vanilla GUIs is up to Mojang, thus I don't want to just show my personal favourite, but try to neutrally offer several solutions. I will mention my personal favourite pick though, which will usually be the one which would be the most consistent, compared to all the other MC GUIs, for overall GUI harmonizing and maximum "OCD".

      I can provide all pixel-exact distances inside each GUI, original as well as fixed ones, if needed.
      Example, the proposal for the crafting area change in the Survival Player GUI and inconsistency fixes in the Anvil GUI:

      Quick issue breakdown: Not all Default GUIs are of same height (Correct: 166px, wrong: 167px), there are offsets of the "Inventory" headline as well as also the main headlines (e.g. "Chest"). Of course there are GUIs which are taller (e.g. DoubleChest) or smaller (Hopper), but the other GUIs which usually should be of same height (e.g. Dispenser and SingleChest) are not; or some GUIs are of same total height, but the "Inventory" headline area is 1 pixel too short (12 vs. 13 pixel) or the "Main" headline area with the GUI's name/title is 1 pixel too tall (14 vs. 13 pixel); there are offsets of either one or both of the titles/headlines or even of the location of the "(tile) entity content area". And then there are other issues on some GUIs which are not related to the "inventory" or "main" headline area like for example the usage of not common (on MC GUIs) used distances, and sometimes all of the described problems mixed up together (it will become clearer if you have a look at the graphics).

      Please also note inconsistency in the transparency of the GUI graphics (some can be transparent, some cannot), which is described and visualized and test resourcepack provided in MC-109447; it'd be great, if you consider fixing all GUI inconsistencies in this bugpost, to also fix the inconsistency in transparency of GUIs alongside it. It'd be a desirable outcome if mapmakers could immerse their players better by making use of full or partial transparency of all GUI files.

      There is no single "correct" GUI as for the location of the "main" as well as "Inventory" headline,
      so I created one myself, on the basis of the Dropper GUI:
      _Correct-GUI-base.png

      It seems there are 5 different GUI problem groups with 7 different recurring "problem zones";
      Red means there's an inconsistency or problem, Green means this "problem zone" is correct.
      (You can find the remaining issues of other GUIs in the "Other Issues in other GUIs" topic.)

      (1)

      • GUI total height: 1px too tall (167px vs. 166px)
      • Location "Main Headline Text" (e.g.: "Chest"): 1px too high
      • Total "Main Headline Area Height": 1px too tall (14 vs 13 px)
      • "(Tile) Entity Content Area Location": OK
      • Location "Inventory" text: OK (3px space above and below it)
      • Total "Inventory Headline Area Height": OK (13 px)
      • "Deviation to other common MC GUI distances": (WiP)

      Affects:

      (2)

      • GUI total height: OK
      • Location "Main Headline Text" (e.g.: "Shulker Box"): OK
      • Total "Main Headline Area Height": 1px too tall (14 vs 13 px)
      • "(Tile) Entity Content Area Location": 1px too low
      • Location "Inventory" text: OK
      • Total "Inventory Headline Area Height": 1 pixel too short (12 vs 13 px)
      • "Deviation to other common MC GUI distances": (WiP)

      Affects:

      (3)

      • GUI total height: OK
      • Location "Main Headline Text" (e.g.: "Mule"): OK
      • Total "Main Headline Area Height": 1px too tall (14 vs 13 px)
      • "(Tile) Entity Content Area Location": 1px too low
      • Location "Inventory" text: 1px too high
      • Total "Inventory Headline Area Height": 1px too short (12 vs 13 px)
      • "Deviation to other common MC GUI distances": (WiP)

      Affects:

      (4)

      • GUI total height: OK
      • Location "Main Headline Text" ("Enchant"): 1px too high
      • Total "Main Headline Area Height": 1px too tall (14 vs 13 px)
      • "(Tile) Entity Content Area Location": 1px too low
      • Total Tile Entity Area Height: 5px too tall (at least probably; will try to find a working solution)
      • Total "Inventory Headline Area Height": Due to the enchantment slots area being 5px too tall, cuts 2px into it.
        Can be maybe ignored, as long as the word "Inventory" in all available languages would not be much longer than the English word.
      • "Deviation to other common MC GUI distances": (WiP)

      Affects:

      (5)

      • GUI total height: OK
      • Location "Main Headline Text" ("Crafting"): Offset or generally not following consistency with the other GUIs
      • Total "Main Headline Area Height": OK
      • "(Tile) Entity Content Area Location": OK
      • Location "Inventory" text: 1 pixel too high
      • Total "Inventory Headline Area Height": not used or rather intersected with an offset "Enchantment Cost" text when item is placed into Anvil.
      • "Deviation to other common MC GUI distances": (WiP)

      Affects:

        • Crafting Table - The main headline "Crafting" is either offset by 1 pixel too far to the left or should be matching up left where also "Inventory starts" or should be centered. Both, being located at the left like "Inventory" as well as being centered is common with MC Vanilla GUIs, so it makes no sense to not do either of both for the Crafting Table. "Inventory" text is located 1 pixel too high. Issue visualization:
          _(5)_craftingtable.png

      Fixes

        • Player Survival Inventory - Differing from the Crafting Table, "Crafting" is lined up nicely with the upper left crafting grid slot.
          However, for consistency, it would probably look best to also have it centered.
        • Furthermore for more consistency, "Crafting" should move up 1px to not only line up with the upper edge of the player armour and display area (everything 4px apart from the GUI edges, as it should consistently be), but also to have consistency in the distance of a headline towards the next GUI content, which is 3px; all correctly located headlines, be it the "main" GUI headline or the "Inventory" headline got a 3 pixel space below and above them, so by moving "Crafting" in the Player Survival GUI 1px up, we'd have also that consistency in the distance to the crafting grid (= 3px), so, overall a more harmonized and consistent GUI.
        • The distance from the crafting result slot to the right GUI edge is another major inconsistency issue:
          Unlike other (similar) GUIs, the slot is only 2px apart from the right edge, whereas it should be 4px.
          Note: 4px is a common distance to GUI edges, also here in this case, e.g. the player inventory is also always 4px apart from the left, right and bottom edge, and in this GUI also the Armour Slots + Player Display are 4px apart from the top and left edge; lastly, the shield slot is also 4px apart from the player inventory, so it makes no sense to have the crafting area only 2px apart from the right edge, as it's possible to move it 2px to the left, so it'd be as a result also nicely 4px apart from the right edge. Issue visualization:
          _(5)_playersurvival.png

      Fixes

      Other Issues in other GUIs

      • GUI total height: OK
      • Location "Main Headline Text" ("Repair & Name"): OK
      • Total "Main Headline Area Height": OK / here not of importance
      • "(Tile) Entity Content Area Location": OK
      • Location "Inventory" text: Currently not present
      • Total "Inventory Headline Area Height": not used/intersected with offset "Enchantment Cost" text when item placed into Anvil
      • "Deviation to other common MC GUI distances": The original GUI uses 10/12/14/18px distances, not only the common 3/4/13px; e.g. the Hammer graphics is 14px apart from the left edge, not 13px, and only 12px from the Rename Slot, not 13px.

      Affects:

      Fixes

        • V1 - The "Inventory" text is due to space reasons omissed in the Anvil GUI, so it'd be fine to have "Enchantment Cost" in that "Inventory" area; also general usage of common MC GUI distances for harmonizing/consistency:
        • V3 - Alternatively, "Enchantment Cost" could be centered; also general usage of common MC GUI distances for harmonizing/consistency:
        • V2 - Another alternative and the most consistent change would be to use the common MC GUI distances of 3/4/13px, which would be good for overall GUI consistency:

          V2 would be the most consistent change, as it follows the usual "3/4/13px-rule" as for distances in the MC GUIs, but if it would be a too drastic change for you, please consider at least V3 with a centered "Enchantment Cost" text.
        • Brewing Stand (WiP)

      I might still not have the total picture of the GUI issue yet, will update this bugpost accordingly when I'm through with all individual GUIs.


      Note: 13 pixel are a common distance from a graphics on a GUI to the edges of the GUI; 13 pixel is e.g. the distance in the GUI between the player inventory and the GUI above, the area where the headline "Inventory" is displayed, as well as between the "(Tile) Entity Inventory/Content Area" and the top of the GUI. Visualized in the individual GUI graphics with blue (or a blue square).
      4 pixel also are a common distance within the GUIs, visualized on the individual GUI graphics by the colour pink (or a pink square).
      3 pixel is the correctly middle-centered distance of the main and Inventory headline up- and downwards, visualized on the graphics by the colour purple (or a purple square).
      2 pixel are visualized in lime green (or a lime green square).
      1 pixel is visualized in aqua (or an aqua square).


      = GUI got correct total height
      (166px)
      = GUI total height 1 pixel too tall
      (167px)
      = "Main Headline Area"
      1 pixel too tall (14 vs 13 px)
      = "Inventory Headline Area Height"
      1 (or more) pixel too short (correct height: 13px)
      = "Inventory Headline"
      text 1 pixel too high
      = Other problem, visualized on individual GUI
      graphics and described on it or below in GUI list
      • Brewing Stand - (Issue text+visualization graphics still in the making) See MC-114363 - I explained in the comments more of the offset problems in that GUI than described in the bugpost. Reworked, albeit not 100% "OCD-proof" brewing stand Default GUI also attached here, as well as a short video comparing the original and reworked GUI. "Inventory" text 1px too high.
        Issue-Demo-Video: brewingstand_comparison.mp4
      • Dispenser - "Inventory" text 1px too high
      • Dropper - "Inventory" text 1px too high
      • DoubleChest - Same as "SingleChest" (described there)
      • Ender Chest - Same as "SingleChest" (described there)
      • Furnace - "Inventory" text 1px too high
      • Hopper - "Inventory" text 1px too high
      • Horse, Mule, Donkey, Llama - "Entity Content Area" located 1px too low, causing "Inventory Headline area" to be 1 pixel too short; caused by 1 pixel too tall "main headline area"; "Inventory" text 1px too high.
        Issue-Graphics: _(3)_mule.png
      • Minecart with Chest - Same as "SingleChest" (described there)
      • Minecart with - Hopper
      • ShulkerBox - The "Inventory" headline area is only 12, not 13 px high, unlike on the other GUIs. This needs to be quite certainly corrected. The inventory/chest slots of the Shulkerbox is 1px lower than it should be; maybe due to fix of MC-108525? Seems likely, as the SingleChest GUI might have been the template for the Shulker Box GUI; I should have realized back then that means all chest GUIs are also 1 Pixel too tall (167 vs. 166 pixel)
        Issue-Graphics: _(2)_shulkerbox.png
      • SingleChest - 1px taller than the other GUIs of same size which should be all of same height.
        The "main headline area" is 1px too tall (14 vs 13 px).
        Issue-Graphics: _(1)_chest.png
        Issue-Demo-Video: chest_gui-offset-comparison.mp4
      • Villager

      (@ Mods: I'm often terrible in wording things in a short, easily understandable manner, so feel absolutely free to re-word/delete/add what I wrote, so it's better to understand. I'll make sure to add well-descriptive visualizations of the GUI offset problematic for you to know what I mean

        Attachments

        1. _(1)_chest.png
          _(1)_chest.png
          242 kB
        2. _(2)_shulkerbox.png
          _(2)_shulkerbox.png
          249 kB
        3. _(3)_mule.png
          _(3)_mule.png
          212 kB
        4. _(4)_enchanttable.png
          _(4)_enchanttable.png
          267 kB
        5. _(5)_craftingtable.png
          _(5)_craftingtable.png
          297 kB
        6. _(5)_playersurvival.png
          _(5)_playersurvival.png
          207 kB
        7. _Correct-GUI-base.png
          _Correct-GUI-base.png
          171 kB
        8. (0)_Chest_Offset_MainHeadline-and-too-tall.png
          (0)_Chest_Offset_MainHeadline-and-too-tall.png
          122 kB
        9. (0)_Dropper_Offset_Inventory-Headline.png
          (0)_Dropper_Offset_Inventory-Headline.png
          124 kB
        10. (0)_EnchantTable_Offset_TileEntityContent-and-both-Headlines.png
          (0)_EnchantTable_Offset_TileEntityContent-and-both-Headlines.png
          126 kB
        11. (0)_Mule_Offset_EntityContent-and-Inventory-Headline.png
          (0)_Mule_Offset_EntityContent-and-Inventory-Headline.png
          79 kB
        12. (0)_ShulkerBox_Offset_TileEntityContent.png
          (0)_ShulkerBox_Offset_TileEntityContent.png
          118 kB
        13. Anvil_Fix1-Comparison.png
          Anvil_Fix1-Comparison.png
          80 kB
        14. Anvil_Fix2-Comparison.png
          Anvil_Fix2-Comparison.png
          82 kB
        15. Anvil_Fix3-Comparison.png
          Anvil_Fix3-Comparison.png
          79 kB
        16. Anvil_Issue.png
          Anvil_Issue.png
          172 kB
        17. Anvil_Orig-AndAllFixes-Comparison.png
          Anvil_Orig-AndAllFixes-Comparison.png
          102 kB
        18. brewing_stand_17w06a_corrected.png
          brewing_stand_17w06a_corrected.png
          5 kB
        19. brewing_stand_transparent-gui.png
          brewing_stand_transparent-gui.png
          5 kB
        20. brewingstand_comparison.mp4
          1.13 MB
        21. brewing-stand_offset_original-graphics.png
          brewing-stand_offset_original-graphics.png
          26 kB
        22. chest_gui-offset-comparison.mp4
          7.72 MB
        23. CraftingTable_Fix1-Comparison.png
          CraftingTable_Fix1-Comparison.png
          70 kB
        24. CraftingTable_Fix2-Comparison.png
          CraftingTable_Fix2-Comparison.png
          71 kB
        25. CraftingTable_Fix3-Comparison.png
          CraftingTable_Fix3-Comparison.png
          71 kB
        26. CraftingTable_Fix4-Comparison.png
          CraftingTable_Fix4-Comparison.png
          71 kB
        27. CraftingTable_Orig-AndAllFixes-Comparison.png
          CraftingTable_Orig-AndAllFixes-Comparison.png
          127 kB
        28. PlayerSurvival_Fix-Comparison_closeup.png
          PlayerSurvival_Fix-Comparison_closeup.png
          21 kB
        29. PlayerSurvival_Fix-Comparison.png
          PlayerSurvival_Fix-Comparison.png
          310 kB
        30. PlayerSurvival_Orig-AndAllFixes-Comparison.png
          PlayerSurvival_Orig-AndAllFixes-Comparison.png
          170 kB

          Issue Links

            Activity

              People

              • Assignee:
                Unassigned
                Reporter:
                LapisDemon Meri Diana
              • Votes:
                21 Vote for this issue
                Watchers:
                12 Start watching this issue

                Dates

                • Created:
                  Updated:
                  CHK: