Hi there,
I’m trying to make a simple one interaction pixel animation. On my localhost environment everything is sized correctly. However, once building (forked from the Phaser 3 template) and placing into an s3 bucket, the scale suddenly changes.
The correct scale:
On my live site:
I’ve logged my text object just to make sure that I didn’t have my browser set to zoom in, and the game objects are definitely larger in the live site. All game objects are positioned and sized to the game.canvas.width and height. I have also tried Phaser.Scale.NONE, as my scale mode, to the same result.
My config:
const config = {
type: Phaser.AUTO,
parent: "root",
mode: Phaser.Scale.FIT,
width: window.innerWidth,
height: window.innerHeight,
pixelArt: true,
backgroundColor: "ffe07e",
scene: {
init: init,
preload: preload,
create: create,
},
};
Repo: https://github.com/nodes777/OneTap
Live site: http://taylornodell.com/onetappiggy/
Is there something I’m missing? I doubt that the build step would change anything about scaling, but I can’t figure out why this has changed my scale.