# Issues with using Paper.js canvas over Phaser's

**URL:** <https://phaser.discourse.group/t/issues-with-using-paper-js-canvas-over-phasers/14976>\
**Category:** Phaser 3\
**Created:** [December 11, 2024, 5:47am UTC](https://phaser.discourse.group/t/issues-with-using-paper-js-canvas-over-phasers/14976 "2024-12-11T05:47:59Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![PreciousCord03](https://avatars.discourse-cdn.com/v4/letter/p/e274bd/32.png) [@PreciousCord03](https://phaser.discourse.group/u/PreciousCord03)\
**Post date:** [December 11, 2024, 5:47am UTC](https://phaser.discourse.group/t/issues-with-using-paper-js-canvas-over-phasers/14976/1 "2024-12-11T05:47:59Z")

</div>

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:

```javascript
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:

```javascript
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.

---

<div class="post-metadata">

**Author:** ![samme](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/samme/32/5275_2.png) [@samme](https://phaser.discourse.group/u/samme)\
**Post date:** [December 11, 2024, 5:34pm UTC](https://phaser.discourse.group/t/issues-with-using-paper-js-canvas-over-phasers/14976/2 "2024-12-11T17:34:19Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![PreciousCord03](https://avatars.discourse-cdn.com/v4/letter/p/e274bd/32.png) [@PreciousCord03](https://phaser.discourse.group/u/PreciousCord03)\
**Post date:** [December 15, 2024, 8:35am UTC](https://phaser.discourse.group/t/issues-with-using-paper-js-canvas-over-phasers/14976/3 "2024-12-15T08:35:10Z")

</div>

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