iPhone X display problems

  • I am also noticing an issue. Here is my comment thread.

    diffference-between-iphone-x-remote-preview-and-adhoc_t203511

    Here is the issue.

    https://imgur.com/a/oCrPzVa

  • I still haven't had any luck with this issue, no updates on the C3 issues Git either.

  • I think it might be a problem with Cordova export. The iPhone X is proving to be a real problem while developing.

  • I still haven't had any luck with this issue, no updates on the C3 issues Git either.

    Sorry guys, i have been busy on the past month. I manage to find away today. I dig into the xcode project and looked around.

    Add this into the style.css

    only screen

    and (device-width : 375px)

    and (device-height : 812px)

    and (-webkit-device-pixel-ratio : 3)

    and (orientation : portrait) {

    html {

    height: 812px !important;

    width: 375px !important;

    }

    }

    only screen

    and (device-width : 375px)

    and (device-height : 812px)

    and (-webkit-device-pixel-ratio : 3)

    and (orientation : landscape) {

    html {

    width: 812px !important;

    height: 375px !important;

    }

    }

    And you can start tackle the issue from there.

    Remember to delete the platform first then re-add it again.

    Steps:

    1) Export from construct 3(cordova project)

    2) Extract the file and add the code above into style.css

    3) add ios platform for cordova

    4) Add ur iphoneX splash screen.

    Things should work fine but you might need to adjust some part.

    Remember to delete the existing app in the phone, sometimes it may cache it.

  • Ashley

    Is it possible to update C3 with the code above?

  • It looks like brittle code that hard-codes the specific values of the current model of the iPhone X. It could easily break in future or still have a problem if new models are released, so it's better to find a general-purpose fix that doesn't hard-code in a specific device's values.

  • Yes, i do agree with ashley. This should not be in the common fix. This is just a temporary fix for people that needs to launch/ test their app in iphone x.

    I can try to figure out away to do a common fix but now my mac is away from me. Probably need a few more weeks.

  • I'm also having problems with this, tried every possible settings combination I can think of in C3 but it wond display correctly on iphone x.

    Ashley Is there an official tutorial that shows how to make this work? If so, does it include any changes that needs to be done in xcode?

    Apple will not allow games that doesn't cover the entire screen correctly.

  • I just submitted a game to the app store. We'll see if it passes or not. I will keep everybody posted.

  • Update: the game passed without issue.

    itunes.apple.com/ca/app/pluvo/id1301387774

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads
  • Update: the game passed without issue.

    https://itunes.apple.com/ca/app/pluvo/id1301387774?mt=8

    So did you manage to use the entire screen on iPhone X (please tell how in that case) or was it approved anyway?

  • Did any of you tryed to test compile with Cocoon in webview?

  • I didn't do anything special. The iPhone X view is still "broken". Ill wait or the official fix and resubmit then.

  • I didn't do anything special. The iPhone X view is still "broken". Ill wait or the official fix and resubmit then.

    Thanks for sharing, bought your game :)

  • mammoth

    Would you please try compile with Cocoon Webview?

    Iw used it and it looks ok.

Jump to:
Active Users
There are 1 visitors browsing this topic (0 users and 1 guests)