Scaling on iPhone

  • #1, by trepnTuesday, 16. January 2018, 17:04 2 years ago
    Hi, I was testing my game on different devices and notices that iPhone have a perculiar way of scaling the Visionaire application. 

    This is my game 1280x720 on an iPhone X:


    Here on a iPhone 7:


    As you can see the game is not using the full width or height available. I'm ok with black borders when the aspect ratio is not the same as the device, but this should only happen on one of the axes, not all around. Am I doing something wrong?

    I only experience this problem on iPhones, iPad pro 12" and an Samung Galaxy S5 scale fine.

    Newbie

    60 Posts


  • #2, by trepnThursday, 18. January 2018, 13:40 2 years ago
    It looks like the application has a fixed size (probably for max iPhone 5 and iPhone 6SE resolution)

    When I switch between apps you can see that the app is smaller than the display.


    So I guess the Visionaire Player for iOS needs to be optimized for iPhone 6 and up. Is this a known issue? And will this be fixed in future releases?

    Newbie

    60 Posts

  • #3, by afrlmeThursday, 18. January 2018, 15:43 2 years ago
    To my knowledge iOS support for VS was only really considered for the iPad. Maybe this is no longer the case, or maybe it will be sorted out later on by Simon - I have no idea. You will just have to wait for him to reply to this thread.

    Imperator

    6815 Posts

  • #4, by trepnThursday, 18. January 2018, 17:47 2 years ago
    Thats indeed was the case with Visionaire Studio 4, but since 5 iPhone is added to the device list. Lets wait for a response from the devs, would be nice to have it on iPhones grin

    Newbie

    60 Posts

  • #5, by SimonSWednesday, 24. January 2018, 13:39 2 years ago
    Basically the full size of the screen is used and the image is aspect fitted, it seems like you have bars on your image. Other games like this one https://itunes.apple.com/de/app/game-royale-2-secret-jannis/... also don't have any problems like this. I can't test an iphone here because I don't have one here, but in Android this works.

    Thread Captain

    1351 Posts

  • #6, by trepnWednesday, 24. January 2018, 17:55 2 years ago
    I don't think this is the case, because then I would only have bars on the bottom and the top. Now as you can see in the screenshots I have bars all around. I have more apps that are not optimized on my phone like Secret of Mana which is optimized up to iPhone 8 resolutions. In the task manager you can see the bounding box of the apps, see here:


    If Visionaire Plater iOS was optimized for iPhone 6/7/8, the aspect ratios of my game and the screen should match (both 16:9) and display no black borders (it does this on Android). 
    On iPhone X I expect black bars left and right, since the ratios don't match. I'm fine with that but that is not the case now, currently it is showing borders all around.

    Newbie

    60 Posts

  • #7, by SimonSWednesday, 24. January 2018, 18:06 2 years ago
    Which version are you using ? Does this work in V5 ?

    Thread Captain

    1351 Posts

  • #8, by trepnWednesday, 24. January 2018, 21:22 2 years ago
    I'm using 5.0.3.

    I think the problem can be solved by provding the correct launch image see here: https://stackoverflow.com/questions/46184859/seeing-black-ba...

    Currently there is only 1 launch image for iPhone in the Visionaire Player ipa. 


    Here all the dimensions for the different launch images:

    Naming of the launch images is crucial to get it to work. The postfix '-Landscape-812h@3x.png' is required for iPhone X. So that would be 'LaunchImage-Landscape-812h@3x.png' in your case.

    Sources:

    I don't have the right signing rights on my current computer to test it, I'll try to add the missing launch image tomorrow when I'm on my other computer and let you know if this solves the problem.

    Newbie

    60 Posts

  • #9, by trepnThursday, 25. January 2018, 14:03 2 years ago
    Ok I can confirm that the missing launch images are causing these problems. I've changed the info.plist in the Visionaire Player.app package (added LaunchImage-1100-Landscape-X) and added the two corresponding launch images (LaunchImage-1100-Landscape-X.png and LaunchImage-1100-Landscape-X@3x.png) before signing.
    UILaunchImages = (
      { UILaunchImageMinimumOSVersion = "7.0";
       UILaunchImageName = "LaunchImage-700-Landscape";
       UILaunchImageOrientation = "Landscape";
       UILaunchImageSize = "{768, 1024}";
      },
      { UILaunchImageMinimumOSVersion = "11.0";
       UILaunchImageName = "LaunchImage-1100-Landscape-X";
       UILaunchImageOrientation = "Landscape";
       UILaunchImageSize = "{375, 812}";
      },
     );
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12

    This results in the following on the iPhone X:


    Bars left and right are to be expected, as visible in the taskmanager the Visionaire Player app is now full frame (left and right remains black and is not transparent):


    Since the Visionaire iOS Player supports iOS6+ the XCode project would need to be setup using the following launchimages:



    If a launchscreen is missing for a device it will show default behavior resulting in bars all around as shown in my original message. 
    Here are the all the dimensions of these files:



    Newbie

    60 Posts

Write post