User Tag List

Results 1 to 4 of 4

Thread: How to handle responsive positioning and scaling?

  1. #1
    Clicker Fusion 2.5 DeveloperFusion 2.5+ DLCAndroid Export ModuleiOS Export ModuleSWF Export ModuleInstall Creator Pro

    Join Date
    Apr 2008
    Posts
    244
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)

    How to handle responsive positioning and scaling?

    Clearly there are tons of device aspects so I want my actives to be pinned to the edges/corners of the screen but not be stretched etc. At the same time I dont want any black bars. I'm runing on Android and I've tried all the display options available (Fit Inside and adjust window size etc) but none of them seem to do the desired effect. WHat is more is that there are settings in the main application tab like Change Resolution Mode/ Resize Display to fill window and Keep screen ratio which just confuse everything.

    Anyway, I think I've tried most combination on an actual android device but I cant get it to work.

    I don't mind programmatically positioning/scaling elements but its hard to know what base display I should be using. I don't want anything stretched by default unless I code an individual object to do so but I want to be able to access in code the
    entire device frame.

    Anyone know best practice? Cheers

  2. #2
    Clicker Fusion 2.5 DeveloperAndroid Export Module
    Janette5's Avatar
    Join Date
    Dec 2014
    Location
    Western Cape, SA
    Posts
    662
    Mentioned
    29 Post(s)
    Tagged
    0 Thread(s)
    The options under the main display - doesn't apply to Android - except for the Heading part - so what you tick there is ignored.

    On the Android side I don't think you're going to fit correctly without stretching or black bars on every single device - especially now with the foldable screens and odd resolutions.

    It depends on your app and how many frames you have. If it's just one frame, then you could have a startup frame that reads the the width / display and then jump to the frame that best matches that. i.e. if width < 1080 - goto frame 2 etc. I think the Android and the Android+ objects can do that. And each frame can be its own size. If you have lots of frames, you'll have to decide on a compromise. You're either going to make the game to fit the smallest size - with empty space around it on larger devices - or you'll have to stretch it / use black bars.

    To give you an idea - Amazon accepts these sizes as screenshots:

    800 x 480 px
    1024 x 600 px
    1280 x 720 px,
    1280 x 800 px
    1920 x 1080 px
    1920 x 1200 px,
    2560 x 1600 px

    I use 1280 x 720 and then stretch to fit - that also covers 1920 x 1080 because it's the same ratio. So a circle on my cell phone is an oval on my tablet. But the players don't know that. They would think that I designed it that way - the screenshots show it that way at Google - because they give you different options for cell phone screenshots and tablet screenshots.

  3. #3
    Clicker Fusion 2.5 (Steam)Fusion 2.5 Developer (Steam)Fusion 2.5+ DLC (Steam)Android Export Module (Steam)HTML5 Export Module (Steam)iOS Export Module (Steam)Universal Windows Platform Export Module (Steam)
    Volnaiskra's Avatar
    Join Date
    Jan 2014
    Location
    www.sprykegame.com
    Posts
    2,351
    Mentioned
    101 Post(s)
    Tagged
    0 Thread(s)
    This site may help you decide: http://screensiz.es/phone .

    I'm no expert on phones (foldable screens? never heard of such a thing! ). But my guess is that if you focus on 90% of users without fretting about every outlier, you'll probably find that there are just a few basic aspect ratios in use, most of which are relatively similar. If you "sort by popularity" on the above link, it seems like 16:9 will cover you for the top 10 or so most popular phones. They're all either 16:9 or ones that look weird but are actually very similar (eg. 40:71 = 16:9.01)

    So I'd say use 16:9 as your base. Then worry about the outliers after.

  4. #4
    Clicker Fusion 2.5Fusion 2.5+ DLC
    casleziro's Avatar
    Join Date
    Mar 2013
    Location
    United States
    Posts
    668
    Mentioned
    14 Post(s)
    Tagged
    0 Thread(s)
    640x360 is the most flexible resolution for 16:9. It scales in multiples easily to all major resolutions:

    640x360 1x
    1280x720 2x
    1920x1080 3x
    2560x1440 4x

    etc.

    In the event of an odd resolution, you would default to closest multiple base resolution, then just stretch out the borders of your window without changing the scaling. Some graphics outside of the regular play area would make this look natural. Here's an article about how ludicrous did it: https://weareludicrous.com/blog/2018...n-resolutions/

    It's for unreal 4 but the same idea could be used in fusion.

Similar Threads

  1. html5 responsive display samples?
    By twister in forum HTML5 Export Module 2.5
    Replies: 4
    Last Post: 30th November 2019, 08:44 PM
  2. How to handle Windows Scaling
    By grimmy in forum Fusion 2.5
    Replies: 2
    Last Post: 26th August 2019, 07:16 PM
  3. Positioning Windows control object positioning based on resolution?
    By ratty in forum Multimedia Fusion 2 - Technical Support
    Replies: 0
    Last Post: 21st August 2013, 03:32 PM
  4. Glitchy scaling / positioning
    By Popcorn in forum Multimedia Fusion 2 - Technical Support
    Replies: 2
    Last Post: 22nd February 2013, 02:36 AM
  5. Non responsive system boxes
    By Mr_Monkey in forum Multimedia Fusion 2 - Technical Support
    Replies: 3
    Last Post: 3rd November 2006, 11:13 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •