mika/pokerogue
1
0
Fork 0
mirror of https://github.com/pagefaultgames/pokerogue.git synced 2025-08-22 07:19:28 +02:00
Code Issues Packages Projects Releases Wiki Activity

Enhanced container layout to support multi-language texts with proper line wrapping in menu-ui

Browse Source
This commit is contained in:
Adrian 2024-08-16 13:04:46 -04:00
parent d0ed24c216
commit 5b31347425
10 changed files with 40 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/locales/ca_ES/menu-ui-handler.ts
View File

@ -25,5 +25,5 @@ export const menuUiHandler: SimpleTranslationEntries = {
"unlinkGoogle": "Unlink Google",
"cancel": "Cancel",
"losingProgressionWarning": "You will lose any progress since the beginning of the battle. Proceed?",
"noEggs": "You are not hatching\nany eggs at the moment!"
"noEggs": "You are not hatching any eggs at the moment!"
} as const;

2
src/locales/en/menu-ui-handler.ts
View File

@ -25,5 +25,5 @@ export const menuUiHandler: SimpleTranslationEntries = {
"unlinkGoogle": "Unlink Google",
"cancel": "Cancel",
"losingProgressionWarning": "You will lose any progress since the beginning of the battle. Proceed?",
"noEggs": "You are not hatching\nany eggs at the moment!"
"noEggs": "You are not hatching any eggs at the moment!"
} as const;

2
src/locales/es/menu-ui-handler.ts
View File

@ -25,5 +25,5 @@ export const menuUiHandler: SimpleTranslationEntries = {
"unlinkGoogle": "Desconectar Google",
"cancel": "Cancelar",
"losingProgressionWarning": "Perderás cualquier progreso desde el inicio de la batalla. ¿Continuar?",
"noEggs": "You are not hatching\nany eggs at the moment!"
"noEggs": "You are not hatching any eggs at the moment!"
} as const;

2
src/locales/fr/menu-ui-handler.ts
View File

@ -25,5 +25,5 @@ export const menuUiHandler: SimpleTranslationEntries = {
"unlinkGoogle": "Délier Google",
"cancel": "Retour",
"losingProgressionWarning": "Vous allez perdre votre progression depuis le début du combat. Continuer ?",
"noEggs": "Vous ne faites actuellement\néclore aucun Œuf !"
"noEggs": "Vous ne faitesactuellement éclore aucun Œuf !"
} as const;

2
src/locales/it/menu-ui-handler.ts
View File

@ -25,5 +25,5 @@ export const menuUiHandler: SimpleTranslationEntries = {
"unlinkGoogle": "Scollega Google",
"cancel": "Annulla",
"losingProgressionWarning": "Perderai tutti i progressi dall'inizio della battaglia. Confermi?",
"noEggs": "You are not hatching\nany eggs at the moment!"
"noEggs": "You are not hatching any eggs at the moment!"
} as const;

2
src/locales/ja/menu-ui-handler.ts
View File

@ -25,5 +25,5 @@ export const menuUiHandler: SimpleTranslationEntries = {
"unlinkGoogle": "Unlink Google",
"cancel": "キャンセル",
"losingProgressionWarning": "You will lose any progress since the beginning of the battle. Proceed?",
"noEggs": "You are not hatching\nany eggs at the moment!",
"noEggs": "You are not hatching any eggs at the moment!",
} as const;

2
src/locales/pt_BR/menu-ui-handler.ts
View File

@ -25,5 +25,5 @@ export const menuUiHandler: SimpleTranslationEntries = {
"unlinkGoogle": "Desconectar Google",
"cancel": "Cancelar",
"losingProgressionWarning": "Você vai perder todo o progresso desde o início da batalha. Confirmar?",
"noEggs": "Você não está chocando\nnenhum ovo no momento!"
"noEggs": "Você não está chocando nenhum ovo no momento!"
} as const;

4
src/locales/zh_CN/menu-ui-handler.ts
View File

@ -24,6 +24,6 @@ export const menuUiHandler: SimpleTranslationEntries = {
"linkGoogle": "关联Google",
"unlinkGoogle": "解除关联Google",
"cancel": "取消",
"losingProgressionWarning": "你将失去自战斗开始以来的所有进度。\n是否继续？",
"noEggs": "当前没有任何蛋\n正在孵化中！"
"losingProgressionWarning": "你将失去自战斗开始以来的所有进度。是否继续？",
"noEggs": "当前没有任何蛋 正在孵化中！"
} as const;

4
src/locales/zh_TW/menu-ui-handler.ts
View File

@ -24,6 +24,6 @@ export const menuUiHandler: SimpleTranslationEntries = {
"linkGoogle": "Link Google",
"unlinkGoogle": "Unlink Google",
"cancel": "取消",
"losingProgressionWarning": "你將失去自戰鬥開始以來的所有進度。是否\n繼續？",
"noEggs": "You are not hatching\nany eggs at the moment!"
"losingProgressionWarning": "你將失去自戰鬥開始以來的所有進度。是否 繼續？",
"noEggs": "You are not hatching any eggs at the moment!"
} as const;

37
src/ui/menu-ui-handler.ts
View File

@ -33,6 +33,7 @@ const redditUrl = "https://www.reddit.com/r/pokerogue";
export default class MenuUiHandler extends MessageUiHandler {
private menuContainer: Phaser.GameObjects.Container;
private menuMessageBoxContainer: Phaser.GameObjects.Container;
private messageBoxBg: Phaser.GameObjects.NineSlice;
private menuOverlay: Phaser.GameObjects.Rectangle;
private menuBg: Phaser.GameObjects.NineSlice;
@ -50,7 +51,6 @@ export default class MenuUiHandler extends MessageUiHandler {
public bgmBar: BgmBar;
constructor(scene: BattleScene, mode: Mode | null = null) {
super(scene, mode);
@ -134,16 +134,18 @@ export default class MenuUiHandler extends MessageUiHandler {
this.menuMessageBoxContainer.setVisible(false);
this.menuContainer.add(this.menuMessageBoxContainer);
const menuMessageBox = addWindow(this.scene, 0, -0, 220, 48);
const menuMessageBox = addWindow(this.scene, 0, -0, (this.scene.game.canvas.width / 6) - this.menuBg.width - 1, 48);
menuMessageBox.setOrigin(0, 0);
this.menuMessageBoxContainer.add(menuMessageBox);
this.messageBoxBg = menuMessageBox;
const menuMessageText = addTextObject(this.scene, 8, 8, "", TextStyle.WINDOW, { maxLines: 2 });
menuMessageText.setName("menu-message");
menuMessageText.setWordWrapWidth(1224);
menuMessageText.setOrigin(0, 0);
this.menuMessageBoxContainer.add(menuMessageText);
menuMessageText.setWordWrapWidth(menuMessageBox.getBounds().width * 0.96);
menuMessageText.setData("originalFont",menuMessageText.style.fontSize);
this.menuMessageBoxContainer.add(menuMessageText);
this.message = menuMessageText;
this.menuContainer.add(this.menuMessageBoxContainer);
@ -253,7 +255,8 @@ export default class MenuUiHandler extends MessageUiHandler {
});
this.manageDataConfig = {
xOffset: 98,
xOffset: this.menuBg.width,
yOffset: 0,
options: manageDataOptions
};
@ -300,7 +303,7 @@ export default class MenuUiHandler extends MessageUiHandler {
];
this.communityConfig = {
xOffset: 98,
xOffset: this.menuBg.width,
options: communityOptions
};
this.setCursor(0);
@ -445,7 +448,7 @@ export default class MenuUiHandler extends MessageUiHandler {
ui.setOverlayMode(Mode.CONFIRM, () => this.scene.gameData.saveAll(this.scene, true, true, true, true).then(() => this.scene.reset(true)), () => {
ui.revertMode();
ui.showText("", 0);
}, false, -98);
}, false, this.menuBg.width * -1);
});
} else {
this.scene.gameData.saveAll(this.scene, true, true, true, true).then(() => this.scene.reset(true));
@ -470,7 +473,7 @@ export default class MenuUiHandler extends MessageUiHandler {
ui.setOverlayMode(Mode.CONFIRM, doLogout, () => {
ui.revertMode();
ui.showText("", 0);
}, false, -98);
}, false, this.menuBg.width * -1);
});
} else {
doLogout();
@ -514,6 +517,24 @@ export default class MenuUiHandler extends MessageUiHandler {
showText(text: string, delay?: number, callback?: Function, callbackDelay?: number, prompt?: boolean, promptDelay?: number): void {
this.menuMessageBoxContainer.setVisible(!!text);
const messageText = this.message;
const messageBox = this.messageBoxBg;
if (messageBox && messageText) {
const fontSizeToNumber = (fs:number|string):number=>(parseInt(fs.toString().replace("px","")));
const fontSize = fontSizeToNumber(messageText.getData("originalFont"));
const textSize = Phaser.GameObjects.GetTextSize(messageText,messageText.style.getTextMetrics(),messageText.getWrappedText(text));
messageText.setFontSize(fontSize);
if (messageText.getWrappedText(text).length > messageText.style.maxLines || textSize.width > messageBox.getBounds().width) {
let fontDecrement = fontSize;
while (messageText.getWrappedText(text).length > messageText.style.maxLines || Phaser.GameObjects.GetTextSize(messageText,messageText.style.getTextMetrics(),messageText.getWrappedText(text)).width > messageBox.getBounds().width) {
fontDecrement -= 1;
messageText.setFontSize(fontDecrement);
}
const padding = messageText.x / 2;
messageText.setFontSize(fontDecrement - padding);
}
}
super.showText(text, delay, callback, callbackDelay, prompt, promptDelay);
}