GameSalad

Screen

Hey I am having trouble with publishing and screen size for my game. I just recently finish my first game but having trouble when I preview it on adhoc with iPhone X. Everything runs well when I try it on gamesalad viewer on the app but once I try on adhoc it seems to be off. I have tried overscan which made everything zoom in, then letter box which makes everything smaller on screen. Stretch takes up the entire screen where things are lil off at the top. Im just trying to find out what setting should I use. I started my project in iPad portrait with resolution independence because the game will only be played in portrait mode. But as I stated earlier everything works well in the viewer its just adhoc after publishing is the problem. Im thinking it might have something to do with universal builds from the little research I have done but just need little push in the right direction for understanding.

Comments

  • adent42adent42 Posts: 968Key Master, Head Chef, Executive Chef, Member, PRO GameSalad Employee

    Sorry, this is sort of our fault. We haven't updated the viewer to reflect the current state of things yet.

    The previewer currently doesn't stretch to full screen on the iPhone X like the engine does. This is a side-effect of updating to the published engine to the newest iOS SDK. Basically once you compile with the newest SDK, the default is to take the whole screen. Older games currently get a pass with the games rendering at the aspect ratio of the older phones with border boxes.

    Apple frowns on newly released apps that don't take up the whole screen, so if you are designing for iOS, you will need to design for overscan on the iPhone X. If you pay attention, you'll notice that as most games get updates, they take up the whole screen.

    Your game should adapt to the phone's resolution. So your game needs to either detect the iPhone resolution and move UI to accommodate, or have all UI in a safe zone that will display okay on both devices with the overscan setting.

  • adent42adent42 Posts: 968Key Master, Head Chef, Executive Chef, Member, PRO GameSalad Employee

    So this is not exactly what you're looking for, but hopefully it gets the idea across well enough for you to figure it out.


    Say you have a game that must preserve it's aspect ratio to work right, but you have to deal with different devices. One trick you can do is adjust the camera and put some padding textures around the game play area.

    Shmups often do this when to console:

    Another example of this is Area of Valor:

    The player list on the left and right don't show up on the 'normal' phone width. Apple probably loves it because it's a bonus feature for iPhone X users. They just added some helpful stuff that doesn't affect core game play, but still makes use of the extra and keeps the main gameplay aspect ratio intact.


    https://www.dropbox.com/s/rp75paol1w4a98s/DIY Letter Boxing.zip?dl=0

    Basically I made an iPhone game that I wanted to maintain the same aspect ratio on iPad, but I don't want to use the letterbox feature because Apple will likely reject it.

    So for iPhone I'm just gonna display a nifty blue border instead of a standard black letterbox (to indicate that its on purpose). In a real game I'd replace it with a special texture or something. Maybe I'll put some extra UI there later that's exclusive to iPad if Apple's picky.

    To see the effect, preview, change to iPad landscape, and then refresh the game (since to work the system needs to see the device aspect ratio at start).


    So if cutting off game play area is impossible / unadvisable for your game, you can adjust your camera when you detect the iPhone X aspect ratio and pad the extra area with some cool bumper image or add bonus UI.

    I hope that helps!

  • orbstarstudiosorbstarstudios Posts: 4Member, PRO

    @adent42 Thanks a lot I really got a better understanding now.

Sign In or Register to comment.