Extension Responsive UIs in Game Maker Studio 2

Discussion in 'Tutorials' started by devonhg, Aug 14, 2018.

Tags:
  1. devonhg

    devonhg Member

    Joined:
    Jun 21, 2016
    Posts:
    25
    GM Version: 2+
    Target Platform: ALL
    Download: Github | Pastebin | Marketplace

    Links
    : ( These are the resources mentioned in the tutorial )
    Scaling for Devices
    Text Fit Box
    Display Scaler

    Summary
    :
    The meat and potatoes of this tutorial talks about positioning things onto the screen using two basic scripts:

    responsive_x( 0-12 )

    responsive_y( 0-12 )

    Fundamentally these scripts break the screen in to 12 "sections", and allows you to position things based on these sections. More information in the tutorial where I instruct on how to make a responsive alert box using these scripts.

    Tutorial:
     
    SilentxxBunny, Shirsh, Toque and 2 others like this.
  2. gnysek

    gnysek Member

    Joined:
    Jun 20, 2016
    Posts:
    1,303
    I like the idea! It's like a bootstrap-css grid, but for games, nice one :)
     
    devonhg likes this.
  3. devonhg

    devonhg Member

    Joined:
    Jun 21, 2016
    Posts:
    25

    Yup! That was pretty much exactly the idea. It's such a helpful little concept.
     
  4. Fazri Fr

    Fazri Fr Member

    Joined:
    Jun 11, 2018
    Posts:
    2
    Hope this video help me! I wanted to finish my HTML5 Game but struggle with the asset scaling and right procedural positioning.
     
    devonhg likes this.
  5. TinyGamesLab

    TinyGamesLab Member

    Joined:
    Jun 21, 2018
    Posts:
    147
    Bootstrap for GameMaker is a good idea! One thing that could also be borrowed from it is the prefab objects such as text boxes, buttons, etc... This could help out even more when UI coding becomes a burden.
    I've used bootstrap a lot on websites and although you are more-or-less limited it can make development much easier if used with care.
     
    devonhg likes this.
  6. JealousOfCrows

    JealousOfCrows Member

    Joined:
    Jun 22, 2016
    Posts:
    53
    Interesting. I often work in relative values into much of my code to kind of create a similar idea. Rather than making it a grid I kind of say "I want this to be always 10% from either side" and so on. Cool stuff. I would love to see more!
     
    devonhg 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