Let's see your GUI!

Trevize

Not nearly as pretty as Zulah's but it's done for now. More info boxes will be added, I'm sure, but the rest is pretty much set. Decided against a background image for now - I like the usable space and the crisp look.

Strata

That layout is the best I have seen thus far. And you have left room for all sorts of possibilities. I like!

Trevize

It's currently set for 1600x900, the desktop I'm on now, but can be adjusted. Here's the script!

http://pastebin.com/raw.php?i=hACb7y3z

First things first - that is the raw GUI, the data you have to send yourself.

Second, Info boxes are NOT modularized like chat, because I want to do different things with them. As a result, it takes a little more to make/adjust them. Not much if you just want a carbon copy of what's there, just copy/paste the info box and replace the name with the new box.

Dalran

Trevize said:

It's currently set for 1600x900, the desktop I'm on now, but can be adjusted. Here's the script!

http://pastebin.com/raw.php?i=hACb7y3z

First things first - that is the raw GUI, the data you have to send yourself.

Second, Info boxes are NOT modularized like chat, because I want to do different things with them. As a result, it takes a little more to make/adjust them. Not much if you just want a carbon copy of what's there, just copy/paste the info box and replace the name with the new box.

I'm still learning, how would I go about changing the resolution? I'm on a laptop, and your 1600x900 doesn't seem to work right!

Trevize

Dalran said:

Trevize said:

It's currently set for 1600x900, the desktop I'm on now, but can be adjusted. Here's the script!

http://pastebin.com/raw.php?i=hACb7y3z

First things first - that is the raw GUI, the data you have to send yourself.

Second, Info boxes are NOT modularized like chat, because I want to do different things with them. As a result, it takes a little more to make/adjust them. Not much if you just want a carbon copy of what's there, just copy/paste the info box and replace the name with the new box.

I'm still learning, how would I go about changing the resolution? I'm on a laptop, and your 1600x900 doesn't seem to work right!

moonlightUI.lefttext = 400
moonlightUI.righttext = 460

Set that to whatever you want the 'sidebars' to be.

Jacen

My current WIP, still got a long ways to go. Chat box remodel is probably next on the list.

Jacen

Chatbox remodel is done! No longer using YATCO, wrote my own. Pretty happy with how it turned out. Now to figure out what I'm going to use the lower left corner for, and add my system status labels.

Tharvis

your chat lines seem to be getting cut off though?

Jacen

Yeah gotta fix that. Won't be hard though.

Iocun

setWindowWrap(windowname, number_of_characters)

Jonathin

Since I acquired a laptop with a touch screen, I felt the need to make a gui that I can poke and prod to do things along with a mountain of aliases/macros. It's not completely finished yet, but it's about 90%. Have to add a few more buttons (I was testing them for proof-of-concept) to each tab and program in my miscellaneous exit buttons.

Trevize

Very nice use of screen space.

Tharvis

anybody know what I should replace that skull with? I ran out of ideas

Sena

Animated clock showing Achaean time.

Anaidiana

echoing @sena, the clock complete with moon phases. or, get someone to do art of your char and put it there, have it change if you are/get dragon to show which form you're in. 

Akaya

Haven't made an Achaean GUI in awhile but here's one I'm working on atm...

Tharvis

Sena said:

Animated clock showing Achaean time.

this might sound newby-ish, but how do I even begin to do that

Sena

I can't help at all with the GUI portion of it, or anything Mudlet-specific, but I can explain (the basic logic of) how you'd make a script to track the time.

First, 1 Achaean minute = 2.5 RL seconds. What I do is store the IC time as the number of Achaean minutes since midnight, and increment that variable by 1 every 2.5 seconds.

But that won't tell you what time it is when you log in, and there are variations in IC time (from server-side lag and such) that will make it wrong, so next, you'll need to know what Achaean time the various day/night messages appear at, so you can sync to an exact time whenever you see them.
http://pastebin.com/LPJJUkXC
When you see one of those lines (not all of them will appear every day, and none are visible indoors, except for the date change at midnight), set the time to the appropriate number of minutes, and reset the 2.5 second timer to the full 2.5 seconds (or just don't bother and let it be up to a minute off).

Now, you still don't know what time it is between logging in and seeing one of those messages, so you'll need to estimate. What I do is record the RL time (as seconds since the beginning of the hour, so 2:58:30 is 3510 seconds) of the last IC date change, then the estimated IC time (in minutes since midnight) is (CurrentTime-TimeOfLastDateChange)*2/5, adding 1440 if that gives a result less than 0.

That will give you the IC time, someone else will have to help with making a clock that actually displays that time.

Also, my clock script keeps track of the text description of the time as well (things like dawn, after midnight, dusk, etc.), since there aren't messages for most of those changes. I can explain how to do that as well, but it would make this post a lot longer and it's not necessary for just a clock.

Trevize

GMCP has a day/night variable, and it is apparently used by the HTML5 client to move the sun/moon across a bar at the bottom. I imagine much could be done with this.

Silas

Finally got around to actually doing something, using the old Nexus compass/gauge graphics that Dusty posted on the old forums, and using Trevize's chat capture script. Not entirely sure what I want to put in between them, yet, but probably something with the time/date display if I can work out what the gmcp daynight variables are.

Shadrac

Trevize said:

It's currently set for 1600x900, the desktop I'm on now, but can be adjusted. Here's the script!

http://pastebin.com/raw.php?i=hACb7y3z

First things first - that is the raw GUI, the data you have to send yourself.

Second, Info boxes are NOT modularized like chat, because I want to do different things with them. As a result, it takes a little more to make/adjust them. Not much if you just want a carbon copy of what's there, just copy/paste the info box and replace the name with the new box.

@Trevize - love your layout and want to give it a shot as using it as my first attempt at a UI.

Questions - when you say send the data yourself - is that as simple as going into your script and changing some values or does it entail creating new scripts?  If it's creating new ones, do you have any examples you can PM or post?

Also what do you mean by the Info Boxes are not "modularized" like the chat?  As in they are not dynamic or something else?

Either way - going to try and create a new profile so I can test this out.  Looks great.

Brandon

Shecks

I always thought GUIs were a waste of time, and were just fluff, but some of these look really awesome.  The inventory/who/etc. window is a particularly awesome idea, as is keeping an entire window for affliction list.  Personally I hate having to look away from the bottom of the text window, and I like having it all reviewable in logs, but I think I might have to build it and see if I can get used to it.

Naisar

I spent awhile on GUIs back when I was in hardcore scripting mode.  I messed with a whole lot of fancy stuff, but the most effective were an animated seafaring interface so I could gag the extra prompt, a simple colored echo after the prompt to show the status of my own limbs, and timing bars.  Timing bars simply shrank slowly according to their duration before vanishing.  I had them for things like piercing the veil, aeon actions, heartseed, salve balance, etc.  They were very useful for getting timing information at a glance, no need to mess with echoes.

Eld

Naisar said:

I spent awhile on GUIs back when I was in hardcore scripting mode.  I messed with a whole lot of fancy stuff, but the most effective were an animated seafaring interface so I could gag the extra prompt, a simple colored echo after the prompt to show the status of my own limbs, and timing bars.  Timing bars simply shrank slowly according to their duration before vanishing.  I had them for things like piercing the veil, aeon actions, heartseed, salve balance, etc.  They were very useful for getting timing information at a glance, no need to mess with echoes.

Timing bars are a nice idea. How did you handle the animation, have a permanent timer ticking at a set rate and refresh off that, just refresh on each line from the game, something else?

Naisar

Yeah I maintained a table of active bars with start & stop times.  I used a permanent timer (disabled when none were active) that ran every ... I think it was 30 milliseconds or so, but I'll have to check when I dig it up, that iterated through the table and updated the size of the gauges.  You have to calculate the size of each gauge every time the timer runs to ensure that it stays correct because the timer won't be exact.

Trevize

Shadrac said:

Trevize said:

It's currently set for 1600x900, the desktop I'm on now, but can be adjusted. Here's the script!

http://pastebin.com/raw.php?i=hACb7y3z

First things first - that is the raw GUI, the data you have to send yourself.

Second, Info boxes are NOT modularized like chat, because I want to do different things with them. As a result, it takes a little more to make/adjust them. Not much if you just want a carbon copy of what's there, just copy/paste the info box and replace the name with the new box.

@Trevize - love your layout and want to give it a shot as using it as my first attempt at a UI.

Questions - when you say send the data yourself - is that as simple as going into your script and changing some values or does it entail creating new scripts?  If it's creating new ones, do you have any examples you can PM or post?

Also what do you mean by the Info Boxes are not "modularized" like the chat?  As in they are not dynamic or something else?

Either way - going to try and create a new profile so I can test this out.  Looks great.

Brandon

Chat boxes, you literally just call a function to create a new one, and a function to send info. It does -all- the rest of the work.

Info boxes, you need to send information and create them manually - there are a few examples, but really, they're meant to do different things where every chat window behaves the same as the rest.

With info boxes, what you do with them is up to you, really. Most of mine I create a script that erases the box and re-writes the contents, like so:

moonlightUI.UpdateTitleBar = function (x)

clearWindow ("titlebar")

moonlightUI.titlebar:cecho (x)

end -- function

And you just call it like:

local x = "the " .. char.data.class .. " " .. char.data.name ..

", a " .. char.data.race .. " " .. char.data.specialisation

moonlightUI.UpdateTitleBar(x)

Which results in the title bar showing:

the Alchemist Trevize, a Xoran Ward

Akaya

'timing bars' a.k.a. cooldown timer: http://forums.mudlet.org/viewtopic.php?f=6&t=3257&p=15746&hilit=animated+timers#p15746

Here they are at work with Achaean balances:

Shadrac

Tessa said:

Loving some of the work here. Lot of creativity. I've been holding mine back for a few weeks now due to how raw it's been, but I think I'm comfortable with posting it now.



It's still missing the 'modes' tabs on the top bar that'll switch it between a number of reporting schemes; like ship mode will swap the map for a ship version, and the top left window will shift to sailing related information. Also missing a few trackers, like hunger, sobriety, inventory and mobs. Most of the rest fully works though, and actively. Also note the screenshot's color is off for some reason....happened no matter what method of saving and uploading I tried.

@Tessa - are you using Geyser?  I've never been able to get the borders to work since my map and chat captuerer are using MiniConsoles.

Would you post the code snippet for it or tell how you did it?

Kenway

Well, I've only been at this since last night but here's what I've got so far! I got a small screen so I can't really swing a double border but I think the tabs will help with that a lot. I plan on adding some limb stuff and once I figure out GMCP I'm gonna throw in a room inventory and a whohere thing. Also gonna throw in date/time/etc at the bottom. And the gauge in the top right is xp% and xp rank. Uhh.. yeah that's all I guess! I'm pretty happy with how it's coming along but I have -no- idea what I'm doing. Love the class buttons though!

Zulah

Bumping because I like GUI's and there must be some new ones out there since the last time we went through them!