Issues with using Paper.js canvas over Phaser's

Phaser 3
1

So, I’m using the Paper.js chain example to create a worm like movement in Paper canvas and tracking its movement in Phaser’s. Issue is that I’m using different scenes and when I put the gameplay scene from the menu, the alignment gets bad. But when I use only the gameplay scene, alignment is alright. Code looks like this:

const config = {
    type: Phaser.AUTO,
    width: 1920,
    height: 1080,
    backgroundColor: '0x000000',
    parent: 'phaser-example',
    scene: [Menu,Gameplay],
}

So the above config alters the alignment but when I do this:

const config = {
    type: Phaser.AUTO,
    width: 1920,
    height: 1080,
    backgroundColor: '0x000000',
    parent: 'phaser-example',
    scene: [Gameplay],
}

Alignment is alright. What to do?

Also, please know that since game is operating in two canvases so automatic scaling of phaser work similarly for both the canvases so I am manually scaling each and every element according to window size taking 1920x1080 as the base size.

2

Not sure. Changing scenes doesn’t change the game canvas size. How are you scaling things?

3

Manually scaled both the canvas to full screen width on the scene loading. Many thanks!!