diff --git a/front/src/Phaser/Components/CustomizeWoka/CustomWokaPreviewer.ts b/front/src/Phaser/Components/CustomizeWoka/CustomWokaPreviewer.ts index 98836960..1aa3aeb8 100644 --- a/front/src/Phaser/Components/CustomizeWoka/CustomWokaPreviewer.ts +++ b/front/src/Phaser/Components/CustomizeWoka/CustomWokaPreviewer.ts @@ -62,8 +62,7 @@ export class CustomWokaPreviewer extends Phaser.GameObjects.Container { this.turnIcon = this.scene.add .image(this.background.displayWidth * 0.35, this.background.displayHeight * 0.35, "iconTurn") .setScale(0.25) - .setTintFill(0xffffff) - .setAlpha(0.5); + .setAlpha(0.75); this.drawFrame(); this.setSize(this.SIZE, this.SIZE); diff --git a/front/src/Phaser/Components/Ui/IconButton.ts b/front/src/Phaser/Components/Ui/IconButton.ts index 2fdc9cfd..61fa7ca5 100644 --- a/front/src/Phaser/Components/Ui/IconButton.ts +++ b/front/src/Phaser/Components/Ui/IconButton.ts @@ -6,6 +6,7 @@ export interface IconButtonConfig { hover: IconButtonAppearanceConfig; pressed: IconButtonAppearanceConfig; selected: IconButtonAppearanceConfig; + iconScale?: number; } export interface IconButtonAppearanceConfig { @@ -34,7 +35,7 @@ export class IconButton extends Phaser.GameObjects.Container { this.config = config; this.background = this.scene.add.graphics(); - this.icon = this.scene.add.image(0, 0, this.config.iconTextureKey); + this.icon = this.scene.add.image(0, 0, this.config.iconTextureKey).setScale(config.iconScale ?? 1); this.drawBackground(this.config.idle); this.add([this.background, this.icon]); diff --git a/front/src/Phaser/Login/CustomizeScene.ts b/front/src/Phaser/Login/CustomizeScene.ts index 201c4db8..1fd4aae5 100644 --- a/front/src/Phaser/Login/CustomizeScene.ts +++ b/front/src/Phaser/Login/CustomizeScene.ts @@ -213,15 +213,16 @@ export class CustomizeScene extends AbstractCharacterScene { ), [CustomWokaBodyPart.Body]: new IconButton(this, 0, 0, this.getDefaultIconButtonConfig("iconBody")), [CustomWokaBodyPart.Clothes]: new IconButton(this, 0, 0, this.getDefaultIconButtonConfig("iconClothes")), - [CustomWokaBodyPart.Eyes]: new IconButton(this, 0, 0, this.getDefaultIconButtonConfig("iconEyes")), + [CustomWokaBodyPart.Eyes]: new IconButton(this, 0, 0, this.getDefaultIconButtonConfig("iconEyes", 0.7)), [CustomWokaBodyPart.Hair]: new IconButton(this, 0, 0, this.getDefaultIconButtonConfig("iconHair")), [CustomWokaBodyPart.Hat]: new IconButton(this, 0, 0, this.getDefaultIconButtonConfig("iconHat")), }; } - private getDefaultIconButtonConfig(iconTextureKey: string): IconButtonConfig { + private getDefaultIconButtonConfig(iconTextureKey: string, iconScale?: number): IconButtonConfig { return { iconTextureKey, + iconScale, width: 25, height: 25, idle: { @@ -420,7 +421,7 @@ export class CustomizeScene extends AbstractCharacterScene { private handleRandomizeButtonOnResize(): void { const x = - this.customWokaPreviewer.x + + this.customWokaPreviewer.x - (this.customWokaPreviewer.displayWidth - this.randomizeButton.displayWidth) * 0.5; const y = this.customWokaPreviewer.y + @@ -431,7 +432,7 @@ export class CustomizeScene extends AbstractCharacterScene { private handleFinishButtonOnResize(): void { const x = - this.customWokaPreviewer.x - + this.customWokaPreviewer.x + (this.customWokaPreviewer.displayWidth - this.randomizeButton.displayWidth) * 0.5; const y = this.customWokaPreviewer.y + diff --git a/front/src/Phaser/Login/SelectCharacterScene.ts b/front/src/Phaser/Login/SelectCharacterScene.ts index 30323463..4f1316b0 100644 --- a/front/src/Phaser/Login/SelectCharacterScene.ts +++ b/front/src/Phaser/Login/SelectCharacterScene.ts @@ -18,6 +18,7 @@ import { DraggableGrid } from "@home-based-studio/phaser3-utils"; import { WokaSlot } from "../Components/SelectWoka/WokaSlot"; import { DraggableGridEvent } from "@home-based-studio/phaser3-utils/lib/utils/gui/containers/grids/DraggableGrid"; import { wokaList } from "../../Messages/JsonMessages/PlayerTextures"; +import { myCameraVisibilityStore } from "../../Stores/MyCameraStoreVisibility"; //todo: put this constants in a dedicated file export const SelectCharacterSceneName = "SelectCharacterScene"; @@ -133,6 +134,7 @@ export class SelectCharacterScene extends AbstractCharacterScene { return; } this.selectedWoka = null; + myCameraVisibilityStore.set(false); this.scene.sleep(SelectCharacterSceneName); this.scene.run(CustomizeSceneName); selectCharacterSceneVisibleStore.set(false);