GUI tuts?

Discuss game development design and post your game ideas

Post » Tue Jul 26, 2016 10:13 pm

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.
Image ImageImage
B
168
S
50
G
163
Posts: 8,224
Reputation: 105,067

Post » Tue Jul 26, 2016 10:57 pm

I am the happy owner of this:
https://www.youtube.com/watch?v=u2S2_GURH2M
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.
https://www.youtube.com/watch?v=7qEZTp2lrEc
B
33
S
18
G
27
Posts: 2,447
Reputation: 20,358

Post » Tue Jul 26, 2016 11:31 pm

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.
Image ImageImage
B
168
S
50
G
163
Posts: 8,224
Reputation: 105,067

Post » Fri Jul 29, 2016 8:00 pm

The first tut is up:
http://pixelbyter.blogspot.com/2016/07/ ... -line.html

And its C2 video:
https://www.youtube.com/watch?v=nmYCs4jkH1s

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
Image ImageImage
B
168
S
50
G
163
Posts: 8,224
Reputation: 105,067

Post » Tue Aug 02, 2016 9:07 am

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.
In development: Avalon Isle
B
12
S
4
G
1
Posts: 44
Reputation: 1,496

Post » Tue Aug 02, 2016 3:31 pm

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:
https://www.youtube.com/watch?v=5TJ2LmWil2c
Image ImageImage
B
168
S
50
G
163
Posts: 8,224
Reputation: 105,067

Post » Fri Aug 05, 2016 6:21 pm

Image ImageImage
B
168
S
50
G
163
Posts: 8,224
Reputation: 105,067

Post » Fri Aug 12, 2016 5:23 am

Image ImageImage
B
168
S
50
G
163
Posts: 8,224
Reputation: 105,067

Post » Fri Aug 19, 2016 9:16 am

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:

https://www.youtube.com/watch?v=HXuUj2gTByQ
Image ImageImage
B
168
S
50
G
163
Posts: 8,224
Reputation: 105,067

Post » Fri Aug 26, 2016 2:37 pm

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.
Image ImageImage
B
168
S
50
G
163
Posts: 8,224
Reputation: 105,067

Next

Return to Game Development, Design & Ideas

Who is online

Users browsing this forum: No registered users and 0 guests