GMS GUI Tutorials

Discussion in 'Tutorials' started by TinyGamesLab, Sep 2, 2018.

  1. TinyGamesLab

    TinyGamesLab Member

    Joined:
    Jun 21, 2018
    Posts:
    140
    GMS GUI Tutorials - TinyGamesLab

    GM Version: 1.4 and 2
    Target Platform: ALL
    Download: N/A (I'm uploading it all to itch.io and will share soon)
    Links: N/A

    Summary:
    Hello Folks! I've recently got hooked by GUI, micro-interactions, menus, etc...
    In this way, I decided to make a few tutorials showing you how to easily achieve some great effects on GMS!
    All tutorials will be summarized in this first post:


    Sliding Menu:
    Hello Folks! I recently saw a gif of a menu sliding off to show another menu and I had the idea to port something similar to GMS.
    The general idea is to have a small button menu to the side of the screen and as you click it, the game/app menu will change by sliding off and revealing the next menu.
    In the first minute of the tutorial is a preview of what we'll achieve.

    Tutorial:
    The actual tutorial is on my YouTube channel and can be watched here:

    Panel Menu
    New tutorial with the same "theme" of Menu and GUI's:

    Preview:
    [​IMG]

    Video tutorial:


    Any ideas of what to do next?

    Regular Check-Box and Radio Buttons
    This is the first tutorial in a series of 3, in which I'll teach you how to make checkboxes and radio buttons on game maker studio 2 and 1.4.
    This is the final result:
    [​IMG]

    Video Tutorial:

    Slider Check-Box and Radio Buttons
    The second tutorial in the series of 3, in which I'll teach you how to make check-boxes and radio buttons on game maker studio 2 and 1.4 that have a slider on/off effect.
    This is the final result:
    [​IMG]

    Video Tutorial:

    Animated Drag Check-Box and Radio Buttons
    The third and last tutorial of the checkbox and radio buttons series, in which I'll teach you how to make them on game maker studio 2 and 1.4 that have an animated slider on/off effect.
    This is the final result:
    [​IMG]

    Video Tutorial:

    If you have any comments, complaints or suggestions, feel free to reply!
    Also, if you'd like to see me making a tutorial of something specific, just let me know!
     
    Last edited: Mar 23, 2019
    Lunk63, ❤️×1 and Shiroo16 like this.
  2. NeZvers

    NeZvers Member

    Joined:
    Mar 24, 2018
    Posts:
    310
    Lovelly idea, instant subscribe ;)
     
  3. TinyGamesLab

    TinyGamesLab Member

    Joined:
    Jun 21, 2018
    Posts:
    140
    New tutorial with the same "theme" of Menu and GUI's:

    Preview:
    [​IMG]

    Video tutorial:


    Any ideas of what to do next?
     
    NeZvers likes this.
  4. Shiroo16

    Shiroo16 Member

    Joined:
    Oct 6, 2018
    Posts:
    4
    thank you very much! i was thinking of using something like this in my friend's project
     
    TinyGamesLab likes this.
  5. TinyGamesLab

    TinyGamesLab Member

    Joined:
    Jun 21, 2018
    Posts:
    140
    Hey folks, I've been playing a lot with UI/UX lately in gamemaker studio, and this is what I have so far:

    [​IMG]

    Would you guys like to get a tutorial on how to do it?
    If so, in which GMS version (1.4 or 2)?
    I've been meaning to test the version 2 for a while now, but since I have all the extensions in 1.4 I haven't done it yet....
     
  6. SnortySnoopy

    SnortySnoopy Member

    Joined:
    Apr 25, 2018
    Posts:
    166
    That'd be very useful tutorial. Make for GMS 2, since I'm using it. :D
     
  7. TinyGamesLab

    TinyGamesLab Member

    Joined:
    Jun 21, 2018
    Posts:
    140
    New tutorials out! (Made on GMS 2 but directly applicable to GMS 1.4)

    They show you how to make the following:

    Regular Check-Box and Radio Buttons
    This is the first tutorial in a series of 3, in which I'll teach you how to make check-boxes and radio buttons on game maker studio 2 and 1.4.
    This is the final result:
    [​IMG]

    Video Tutorial:


    Slider Check-Box and Radio Buttons
    The second tutorial in the series of 3, in which I'll teach you how to make check-boxes and radio buttons on game maker studio 2 and 1.4 that have a slider on/off effect.
    This is the final result:
    [​IMG]

    Video Tutorial:
     
    SnortySnoopy likes this.
  8. TinyGamesLab

    TinyGamesLab Member

    Joined:
    Jun 21, 2018
    Posts:
    140
    Just added the last of the current series! Learn how to make this awesome animated effect for you GUI buttons:

    [​IMG]

    Video Tutorial:
     
    Edwin likes this.

Share This Page

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice