Jump to content
  • Home
  • Files
  • Docs
Topics
  • All Content

  • This Topic
  • This Forum

  • Advanced Search
  • Existing user? Sign In  

    Sign In



    • Not recommended on shared computers


    • Forgot your password?

  • Sign Up
  • All Activity
  • Home
  • Minecraft Forge
  • General Discussion
  • Any "best practices" for GUI design?
Currently Supported: 1.16.X (Latest) and 1.15.X (LTS)
Sign in to follow this  
Followers 0
Lycanus Darkbinder

Any "best practices" for GUI design?

By Lycanus Darkbinder, October 5, 2013 in General Discussion

  • Reply to this topic
  • Start new topic

Recommended Posts

Lycanus Darkbinder    5

Lycanus Darkbinder

Lycanus Darkbinder    5

  • Creeper Killer
  • Lycanus Darkbinder
  • Members
  • 5
  • 118 posts
Posted October 5, 2013

Since this isn't a coding question I thought it would do better inGeneral:

 

Are there any "best practices" when designing a GUI?

 

I spent some time learning how to program a GUI but it looks bad. In other languages I've been spoiled with a "form designer" that lets you simply add the controls you need from a "toolbox" and then write the code underneath.

 

In Minecraft, I seem to have the most trouble positioning the controls on the screen. My GUI isn't really complex but it's got enough to be annoying:

 

  • 3 Input fields (text)
  • 3 Labels (next to each text box)
  • 1 Yes / No
  • 2 Buttons

When you design a GUI, what workflow do you use? Do you use something like Photoshop to draw a background with cutouts for each control? Do you "bake" the text onto a background (ie: text tool in Photoshop) rather than use font rendering in the game? Do you just render rectangles in Minecraft and skip the background completely?

 

I'm just gathering information as to what would be the easisest way to position the controls properly while leaving room for modifications in the future.

 

 

Thanks!

 

  • Quote

Share this post


Link to post
Share on other sites

yourname99    1

yourname99

yourname99    1

  • Tree Puncher
  • yourname99
  • Members
  • 1
  • 1 post
Posted October 7, 2013

When I make a GUI I begin mostly by just copying one of the minecraft GUI's (for example dispenser.png).

After that I gray out everything that I don't need so that I have a nearly blank GUI.

Then I add everything that will later be static directly with the image editing program on the GUI.

Every other stuff I place somethere in the unused transparent area of the picture and place them later right with rectangles.

For finding out pixel coordinates and sizes for rectangles I use something like the measurement tools in photoshop.

Everything else I do in code.

 

An easy way to place things like the rectangles right in the GUI is this:

		this.drawTexturedModalRect(x, y, 7, 134, 54, 18);

	if (Keyboard.isKeyDown(Keyboard.KEY_UP)) {
		y--;
		System.out.println("y = " + y);
	}
	if (Keyboard.isKeyDown(Keyboard.KEY_DOWN)) {
		y++;
		System.out.println("y = " + y);
	}
	if (Keyboard.isKeyDown(Keyboard.KEY_LEFT)) {
		x--;
		System.out.println("x = " + x);
	}
	if (Keyboard.isKeyDown(Keyboard.KEY_RIGHT)) {
		x++;
		System.out.println("x = " + x);
	}

With this you can adjust everything ingame with the arrow keys and then read later the right coordinates out of the console.

 

I also prefer to make the text in code.

So you can easily change things dynamically for things such as the localization.

  • Quote

Share this post


Link to post
Share on other sites

Lycanus Darkbinder    5

Lycanus Darkbinder

Lycanus Darkbinder    5

  • Creeper Killer
  • Lycanus Darkbinder
  • Members
  • 5
  • 118 posts
Posted October 9, 2013

Thanks, yourname99. The suggestion about positioning with the arrow keys should be helpful.

  • Quote

Share this post


Link to post
Share on other sites

Alexiy    21

Alexiy

Alexiy    21

  • Creeper Killer
  • Alexiy
  • Forge Modder
  • 21
  • 195 posts
Posted October 11, 2013

I didn't like the way how minecraft GUIs are written. Most people make GUI textures and align them with slots, buttons, etc. I decided to do it different way - I made it so Container's element positions are linked with GUI's element positions and I did textures only for slots. It resulted in fine minimalistic GUI which can be changed easier than original ones: hwi5ednxwp2tj4sfg.jpg

As you know, GUIs have borders; when you click with an item outside its borders, it is dropped into world. Those lines are GUI's borders. Textures are drawn per each slot.

  • Quote

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

    • Insert image from URL
×
  • Desktop
  • Tablet
  • Phone
Sign in to follow this  
Followers 0
Go To Topic Listing



  • Recently Browsing

    No registered users viewing this page.

  • Posts

    • brok4d
      OBJ MODELS

      By brok4d · Posted 41 minutes ago

      Hello, this mod is the source, you have to get boredhttps://gitlab.com/Lycanite/LycanitesMobs
    • JayNeedsHelp
      Logger not working

      By JayNeedsHelp · Posted 1 hour ago

      So I'm currently creating a forge mod and I'm having an issue where the console stops logging after some errors. It seems to be connected to the access transformers that I'm using as before I added at's my console was working fine.   Here is my at file:  public-f net.minecraft.client.Minecraft session public net.minecraft.client.Minecraft timer public net.minecraft.client.gui.GuiScreen buttonList public net.minecraft.util.Timer tickLength public net.minecraft.network.play.client.CPacketPlayer onGround public net.minecraft.network.play.server.SPacketEntityVelocity motionX public net.minecraft.network.play.server.SPacketEntityVelocity motionY public net.minecraft.network.play.server.SPacketEntityVelocity motionZ public net.minecraft.network.play.server.SPacketExplosion motionX public net.minecraft.network.play.server.SPacketExplosion motionY public net.minecraft.network.play.server.SPacketExplosion motionZ public net.minecraft.client.renderer.entity.RenderManager renderPosX public net.minecraft.client.renderer.entity.RenderManager renderPosY public net.minecraft.client.renderer.entity.RenderManager renderPosZ   Any help is greatly appreciated thank you!
    • cadbane86140
      Minecraft: Hunger Games Game #36- Shear FIGHT!

      By cadbane86140 · Posted 2 hours ago

      Hello There! Today we are back on Hunger Games after a little break but we are finally back! In this episode we are on the good ol' map Survival Games 4 and it ACTUALLY went well for once. Also we have so many great battles on rooftops, small rooms and just out in the open! We also use shears to fight at one point and that was pretty crazy! There are so many hilarious moments in this episode that I know you guys are gonna love! I hope you all enjoy this video and if you did don't forget to like and sub for more Hunger Games in the future!  
    • Sad Whale
      Game crashes whenever I try to increase the RAM

      By Sad Whale · Posted 2 hours ago

      latest.log
    • diesieben07
      Game crashes whenever I try to increase the RAM

      By diesieben07 · Posted 3 hours ago

      In the logs folder of your game directory.
  • Topics

    • Milk_Shak3s
      1
      OBJ MODELS

      By Milk_Shak3s
      Started 16 hours ago

    • JayNeedsHelp
      0
      Logger not working

      By JayNeedsHelp
      Started 1 hour ago

    • cadbane86140
      0
      Minecraft: Hunger Games Game #36- Shear FIGHT!

      By cadbane86140
      Started 2 hours ago

    • Sad Whale
      6
      Game crashes whenever I try to increase the RAM

      By Sad Whale
      Started 4 hours ago

    • Unusualty
      0
      GUI'S and player editing

      By Unusualty
      Started 3 hours ago

  • Who's Online (See full list)

    • xcheetoezx
    • brok4d
    • Twu
    • dresacraft
  • All Activity
  • Home
  • Minecraft Forge
  • General Discussion
  • Any "best practices" for GUI design?
  • Theme

Copyright © 2019 ForgeDevelopment LLC · Ads by Longitude Ads LLC Powered by Invision Community