Gui making helper

Content Development
1

Started making a small app level that helps when positioning things Ingame.

Click and drag the greenlight to move it around, then the text beside it at the beginning will give you it’s x,y. Pressing O will change it from being the level x / y to giving you an x/y distance from the player.

The White light is a layer 4 object (GUI). Putting your mouse over it will make it purple, then dragging it will move it’s position similar to the first light. The text in the top right will give you it’s pixel position on screen, which is what layer 4 objects use for positioning. The 2nd text there is for your current mousescreenx and y. (You can also press Y or U to move the gui light left or right if you find that easier)

The 3 green frogs are an example of image animating. Click on them with your mouse and they’ll fade out downwards.

The red frog is a simple example about animating variables. Click it to add 10, and it will scroll thru the numbers till it reaches 10 instead of instantly adding it.

I’ll add more stuff as I go. I just find it anoying trying to position interface objects and stuff perfectly, so I made this today to help. Maybe it will prove useful to someone else aswell.

Update Ver. 2
Gui lights now have 2 numbers in the top left corner of them, the first being it’s id number. The 2nd being the number of the layer it’s on.

Right clicking on the Gui light will create a 2nd gui light. (can make as many as you want, but only the 1st one replicates)

Clicking on the gui light then scrolling the mouse wheel, will change what layer it appears on. All layers under 4 will warp away, since they will nolonger be GUI objects, so they won’t be positioned based on pixels.

Left clicking on the blue frog (top center) will specify an image to change. If the player chats anything, it will change the imagename to the playertext. Whatever number the blue frog is saying, is the active Id of the object being changed.
ex. Blue frog says 1, if player says @Guyguy! . The 1st Gui Light will change to the text Guyguy!
ex. Blue frog says 2, if player says frog.png . The 2nd Gui Light will change into the image of a frog.

Update Ver. 3
Right clicking on the blue frog (top center) will now lock the active id object so it’s no longer moveable with the mouse. Incase you want to layer objects.

Used imgwidth() and imgheight() functions to limit mouse highlighting to the new image’s true size.

Up to 15 object’s screen x/y now show up on the left of the screen(if you don’t see it, make your window bigger).

Ver. 3
http://iamsexyness.googlepages.com/posingapp.nw - new


http://iamsexyness.googlepages.com/guiShowimg.txt - new
http://iamsexyness.googlepages.com/guiSolid.txt - new

2

Alternative methods of choice: The Print Screen Button!

But really, I suppose this’ll probably help people too o_o

3

lol true enough, now that you mention it paint would work deadly for finding pixel positions. This is only it’s iteration after 10mins though, i’ll be setting it up to use multiple showimgs of your choosing, then you can drag and drop them all over the place to see what looks good.

To be honest, i’ve never really understood mouse pos,mousescreen pos and what graal seems to be doing position wise until I get to see what it’s doing. My next curiosity is adding a bounding limit to how far you can put the Gui’s, to find out exactly how screenwidth/screenheight does things.

4

To append a GUI to the left: x = position
To append a GUI to the right: x = screenwidth - position
To append a GUI to the top: y = position
To append a GUI to the bottom: y = screenheight - position

5

Actually…
To append a GUI to the right: x = screenwidth - imgwidth - position
To append a GUI to the bottom: y = screenheight - imgheight - position
Might be a bit easier to understand.

to center:
x = (screenwidth - imgwidth)/2
y = (screenheight - imgheight)/2

6

Updated it a bit. Using it to map out a battle gui for that Kihoto thread thing.

Anyway to know an img size height/width without entering it in manually?

7

I don’t know if these versions support it, but getimgwidth(image.png) and getimgheight(image.png).

However, they require the image to be in cache(downloaded) before they return anything. Won’t be a problem though if you have it local or downloaded already.

8

It’s just imgheight(image.gif) in these clients.

Beholder used it to figure out if a client downloaded a file yet in his progress bar NPC.

9

it’s just imgwidth(image); and imgheight(image);

10

Sweet, updated it to use that. Never knew graal had any functions like that in this version.

If only commands.rtf didn’t hide 30% of commands by default.

11

What the Hell?

I said the same thing above Spooon and all the thanks go to him.

Damnit.