diff --git a/front/src/Phaser/Login/CustomizeScene.ts b/front/src/Phaser/Login/CustomizeScene.ts index 56804e05..0a449fb3 100644 --- a/front/src/Phaser/Login/CustomizeScene.ts +++ b/front/src/Phaser/Login/CustomizeScene.ts @@ -126,7 +126,7 @@ export class CustomizeScene extends AbstractCharacterScene { }, spacing: 5, debug: { - showDraggableSpace: true, + showDraggableSpace: false, }, }); this.bodyPartsDraggableGridForeground = this.add.graphics(); @@ -187,8 +187,8 @@ export class CustomizeScene extends AbstractCharacterScene { } private drawGridBackground(gridPosition: { x: number; y: number }): void { - const gridBackgroundWidth = 500; - const gridBackgroundHeight = 170; + const gridBackgroundWidth = innerWidth / waScaleManager.getActualZoom(); + const gridBackgroundHeight = 130; this.bodyPartsDraggableGridBackground.clear(); this.bodyPartsDraggableGridBackground.fillStyle(0xf9f9f9); this.bodyPartsDraggableGridBackground.fillRect( @@ -200,8 +200,8 @@ export class CustomizeScene extends AbstractCharacterScene { } private drawGridForeground(gridPosition: { x: number; y: number }): void { - const gridBackgroundWidth = 500; - const gridBackgroundHeight = 170; + const gridBackgroundWidth = innerWidth / waScaleManager.getActualZoom(); + const gridBackgroundHeight = 130; this.bodyPartsDraggableGridForeground.clear(); this.bodyPartsDraggableGridForeground.lineStyle(2, 0xadafbc); this.bodyPartsDraggableGridForeground.strokeRect( @@ -285,7 +285,7 @@ export class CustomizeScene extends AbstractCharacterScene { private handleBodyPartsDraggableGridOnResize(): void { const gridHeight = 125; - const gridWidth = (innerWidth * (this.isVertical ? 1 : 0.8)) / waScaleManager.getActualZoom(); + const gridWidth = innerWidth / waScaleManager.getActualZoom(); const gridPos = { x: this.cameras.main.worldView.x + this.cameras.main.width / 2, y: this.cameras.main.worldView.y + this.cameras.main.height - gridHeight * 0.5,