Facebook instance game screen not fit

Questions
#3

yes, i am using the index.html provided in the fbinstant folder.
14%20AM 23%20AM

57%20AM

#4

Ah, ok, so you want to create a landscape mode game? I think you need to specify orientation in the bundle config: https://developers.facebook.com/docs/games/instant-games/sdk/bundle-config/

#5

yes dear i need to create landscape mode game and i used fbapp-config.json like this,

{
  "instant_games": {
    "platform_version": "RICH_GAMEPLAY",
    "orientation": "LANDSCAPE",
    "navigation_menu_version": "NAV_FLOATING",
    "custom_update_templates": {
      "play_turn": {
        "example": "Edgar played their move"
      }
    }
  }
}

is this need to be change.

1 Like
#6

Ok, let me take a closer look and see if I can reproduce the problem. I think we’ve only tested with portrait mode games in the past.

2 Likes
#7

Would you mind sharing the game with me (bjorn.ritzl@king.com)?

#8

It is pleasure to share the game with you and please kindly check email for login details

1 Like
#9

Thanks, I’ll take a look soon.

#10

Thank you for the Facebook user test account invite. I logged in on Facebook messenger using the account you provided on an iPhone 8 Plus and the game was displayed in landscape mode without any visual problems (see screenshot sent via mail).

#11

Dear Björn,

we test that app with many devices(iPhone s6, iPhone 8 plus,…) and we all face that issue. (see a video link sent via mail).

2 Likes
#12

Yes, I saw the video. So it for some reason doesn’t handle the orientation changes properly. It might be caused by a problem in the index.html. Can you please check your game.project and verify that Dynamic Orientation is unchecked under the Display section?

@Pkeod and @AGulev, did you have any problems with screen orientation on iOS devices when you rotated the device in the four different orientations in your instant games?

2 Likes
#13

Our Solitaire Klondike in portrait by default. And we are using our own index.html. As I know we have no this problem.

2 Likes
#14

Could you please share it so I can take a look?

1 Like
#15

Yes, of course:
engine_template.html.zip (1.8 KB)

1 Like
#16

Hmm, I don’t see any important differences between yours and the original. @uditha can you please confirm the state of the “Dynamic Orientation” setting?

1 Like
#17

yes britzl.we config project.config file with "Dynamic Orientation ". but we still face the issue

image

#18

You should not check Dynamic Orientation!

If you do check Dynamic Orientation it means that your game should be playable in both landscape and portrait mode. Defold will in this case respond to orientation changes and try to render the game in the orientation the game is currently in. And it is up to you as a developer to make sure that you provide a gui and a game setup that makes your game playable in both landscape and portrait mode.

If you have it unchecked it means that Defold will ignore how the device is rotated and only allow gameplay in the orientation provided by width and height, in your case landscape mode.

#19

ok britzl, in previous versions ( before today version) we not checked Dynamic Orientation option. but we faced the issue.

#20

for your reference i can add our index.html pageindex.html.zip (2.6 KB)

#21

Ok, could you please try to remove this line from index.html:

    window.addEventListener('orientationchange', resize_game_canvas, false);

It is weird though, I’ve tried two different iPhones and I’m unable to reproduce the problem as seen in the video you sent me.

#22

I tryed it. but we faced the issue.https://forum.defold.com/uploads/default/original/2X/d/df38a02b3d250d70e23c82b8ead34c50504adfba.MP4