GUI Update

Posted by Glen on Jan. 6, 2014, 7:24 p.m.

So, I've started working on a new gui system for my terrain/map editor. I wanted to see what everyone thought about my scrollbars and if you have

any suggestions on how to make them flow even better, let me know. I'm trying to make them feel really fluid.

Current features:

- Drag any part of the button

- Click scrolling track to jump to location (with gradual speed)

- Mouse wheel scrolling when bar is selected

- Keyboard scrolling (with gradual speed) when bar is selected

- Values adjust to scrollbar size

- Click on the bar "selects" that bar

- Clicking outside of the bar "deselects" it

- Two scripts, unlimited bars, unlimited size variations

Download here

Comments

Acid 8 years ago

The vertical sliders look less clean than the horizontal ones, the sliders should scale with the length of the bar, and the placement being off center bothers ME but might not bother everyone else. Besides that stuff, this is very beautiful. People don't pay enough attention aesthetics. Your tools can be pretty AND functional.

Good work!

Glen 8 years ago

Thanks, I was just thinking about the scaling part. I'll have to touch up a bit on the vertical bar. It was basically just a quick manipulation of the horizontal bar.

-edit-

I just made a slight change in the slider's placement, and I agree that it looks a little off with the way it is compared to being centered. Going to keep it centered on the track.

Glen 8 years ago

I'll take the size and shape into consideration. I might try to replicate the way Windows scales it's scrollbar slider next. Thanks for taking to time to look at it.

Acid 8 years ago

I agree with Steven as well - sliders should retain the shape of the bar. More ideas for more sliders though! (Trapezoidal, Parallelogram, etc.)

Also… Is it just me or does the comment box not take the full width of the page with your CSS?

Glen 8 years ago

I just temporarily switched it back to normal comment width. I'm having a hard time re-sizing the boxes in the comment section.