GUI tuts?

I'm am planning on making some tutorials on user interfaces. Seems like we don't really get much info on how to do those, yet we have all the basics to do them.

The plan is tuts on both creating graphic elements, and figuring out the mechanics in C2.

Something like step by step with images on the graphics, and possibly Youtubes on putting it together in C2. I'm a little iffy on videos but I'll figure something out.

I'll start from the basics like lines, and boxes, and the variations therein. You'ld be surprised at what can be done, but I also want to challenge people to find some element that they want to reproduce, and let me figure out how to replicate it, or at least find some reasonable facsimile.

So if there's some style, or specific element you want to try, please make a post, or show an example.

I am the happy owner of this:

I think that is awsome.

For games.

The GemCraft series are great, personal taste.

http://www.kongregate.com/search?q=gemcraft

And how they adapted the GUI for mobile.

Thanks 99Instances2Go

Paster should work nicely for the transforms in the first one, especially since it can do textured quads.

And Gemcraft has ton of different elements, but I'm pretty sure we can do all of them.

The first tut is up:

http://pixelbyter.blogspot.com/2016/07/ ... -line.html

And its C2 video:

They aren't huge or anything, at least not yet. I'll start with the simple stuff and make a full gui.

Of course it's kind of hard to say what all is included in a full gui.

So If anyone can think of a part I missed please let me know.

I'll probably just make posts in the tuts section for the rest

Thanks for this. I feel like GUI is my least worked on part of my games and don't find many tutorials around to point me in the right direction or form ideas.

Thanks. I know they are pretty basic, but I wanted to do the easy stuff first.

I was going to link these in the tuts section, but it looks like it's still being worked on.

I'll post the next one here:

http://pixelbyter.blogspot.com/2016/07/ ... s-box.html

And the vid:

Added another two tuts, the Panel

For Gimp

http://pixelbyter.blogspot.com/2016/08/ ... nel_4.html

And the vid for C2

And two more:

http://pixelbyter.blogspot.com/2016/08/ ... utton.html

The vid:

Should I do one for round buttons?

Did an Apple style switch rather than the radio style the Button object uses.

http://pixelbyter.blogspot.com/2016/08/ ... witch.html

And the video counterpart:

Did a tut on a relatively painless way to do arrows.

http://pixelbyter.blogspot.com/2016/08/ ... arrow.html

Will skip the vid for this one.

Any requests for other often used elements?

I was thinking I might do a radio button, even though I did the apple toggle, as it can be used as a slider, or percent bar.

I might be better off just making templates for specific styles after this.