My game is embedded in an iframe and is sometimes scaled incorrectly, after resizing the window it is scaling correctly. This is my scale configuration: scale: { parent: 'app', mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, width: 772, height: 480 } Before creat…

Use and screenshot: [image] Debug Game Scale Plugin (Phaser 3) Showcase [preview]

Sure, here’s a screenshot. [image]

Can you show the whole page? And before and after the “correct” resizing?

The game is in an iframe with the same size (772x480). Hope that’s enough. Correct: [image] Incorrect: [image]

Still need help. Any idea why this is happening?

No, but you can try updating Phaser and see if it helps. If not try new Phaser.Game({ callbacks: { postBoot: function (game) { game.scale.refresh(); }, }, });

[image] samme: callbacks: { postBoot: function (game) { game.scale.refresh(); }, }, Phaser is already the latest version, but the callback looks promising. I’ll try it, thank you.

Game is scaled incorrectly in an iframe

Phaser 3

samme July 20, 2021, 12:37am 2

Use and screenshot:

Topic		Replies	Views
iOS iFrame scaling problems Phaser 3	0	402	July 13, 2020
Scale problem in FIT mode Phaser 3	1	362	May 14, 2021
Game Scaling/Resizing Example (v3) Examples	26	22366	July 17, 2020
Phaser 3 Iframe Phaser 3	0	502	January 28, 2021
Resize plugin fix? Phaser 3	3	469	December 10, 2019

Game is scaled incorrectly in an iframe

Related topics