mirror of
https://github.com/pagefaultgames/pokerogue.git
synced 2025-07-13 20:02:19 +02:00
add setting to center window vertically
This commit is contained in:
parent
2a32189ea1
commit
063a66a18b
@ -3,7 +3,7 @@ import { Mode } from "#app/ui/ui";
|
|||||||
import i18next from "i18next";
|
import i18next from "i18next";
|
||||||
import BattleScene from "../battle-scene";
|
import BattleScene from "../battle-scene";
|
||||||
import { hasTouchscreen } from "../touch-controls";
|
import { hasTouchscreen } from "../touch-controls";
|
||||||
import { updateWindowType } from "../ui/ui-theme";
|
import { updateWindowAlignment, updateWindowType } from "../ui/ui-theme";
|
||||||
import { PlayerGender } from "./game-data";
|
import { PlayerGender } from "./game-data";
|
||||||
|
|
||||||
export enum Setting {
|
export enum Setting {
|
||||||
@ -15,6 +15,7 @@ export enum Setting {
|
|||||||
Damage_Numbers = "DAMAGE_NUMBERS",
|
Damage_Numbers = "DAMAGE_NUMBERS",
|
||||||
UI_Theme = "UI_THEME",
|
UI_Theme = "UI_THEME",
|
||||||
Window_Type = "WINDOW_TYPE",
|
Window_Type = "WINDOW_TYPE",
|
||||||
|
Center_Window_Vertically = "CENTER_WINDOW_VERTICALLY",
|
||||||
Tutorials = "TUTORIALS",
|
Tutorials = "TUTORIALS",
|
||||||
Enable_Retries = "ENABLE_RETRIES",
|
Enable_Retries = "ENABLE_RETRIES",
|
||||||
Sprite_Set = "SPRITE_SET",
|
Sprite_Set = "SPRITE_SET",
|
||||||
@ -48,6 +49,7 @@ export const settingOptions: SettingOptions = {
|
|||||||
[Setting.Damage_Numbers]: ['Off', 'Simple', 'Fancy'],
|
[Setting.Damage_Numbers]: ['Off', 'Simple', 'Fancy'],
|
||||||
[Setting.UI_Theme]: ['Default', 'Legacy'],
|
[Setting.UI_Theme]: ['Default', 'Legacy'],
|
||||||
[Setting.Window_Type]: new Array(5).fill(null).map((_, i) => (i + 1).toString()),
|
[Setting.Window_Type]: new Array(5).fill(null).map((_, i) => (i + 1).toString()),
|
||||||
|
[Setting.Center_Window_Vertically]: ['Off', 'On'],
|
||||||
[Setting.Tutorials]: ['Off', 'On'],
|
[Setting.Tutorials]: ['Off', 'On'],
|
||||||
[Setting.Enable_Retries]: ['Off', 'On'],
|
[Setting.Enable_Retries]: ['Off', 'On'],
|
||||||
[Setting.Sprite_Set]: ['Consistent', 'Mixed Animated'],
|
[Setting.Sprite_Set]: ['Consistent', 'Mixed Animated'],
|
||||||
@ -73,6 +75,7 @@ export const settingDefaults: SettingDefaults = {
|
|||||||
[Setting.Damage_Numbers]: 0,
|
[Setting.Damage_Numbers]: 0,
|
||||||
[Setting.UI_Theme]: 0,
|
[Setting.UI_Theme]: 0,
|
||||||
[Setting.Window_Type]: 0,
|
[Setting.Window_Type]: 0,
|
||||||
|
[Setting.Center_Window_Vertically]: 0,
|
||||||
[Setting.Tutorials]: 1,
|
[Setting.Tutorials]: 1,
|
||||||
[Setting.Enable_Retries]: 0,
|
[Setting.Enable_Retries]: 0,
|
||||||
[Setting.Sprite_Set]: 0,
|
[Setting.Sprite_Set]: 0,
|
||||||
@ -117,6 +120,9 @@ export function setSetting(scene: BattleScene, setting: Setting, value: integer)
|
|||||||
case Setting.Window_Type:
|
case Setting.Window_Type:
|
||||||
updateWindowType(scene, parseInt(settingOptions[setting][value]));
|
updateWindowType(scene, parseInt(settingOptions[setting][value]));
|
||||||
break;
|
break;
|
||||||
|
case Setting.Center_Window_Vertically:
|
||||||
|
updateWindowAlignment(settingOptions[setting][value] === 'On')
|
||||||
|
break;
|
||||||
case Setting.Tutorials:
|
case Setting.Tutorials:
|
||||||
scene.enableTutorials = settingOptions[setting][value] === 'On';
|
scene.enableTutorials = settingOptions[setting][value] === 'On';
|
||||||
break;
|
break;
|
||||||
|
@ -95,6 +95,14 @@ export function updateWindowType(scene: BattleScene, windowTypeIndex: integer):
|
|||||||
obj.setFrame(windowTypeIndex);
|
obj.setFrame(windowTypeIndex);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export function updateWindowAlignment(isCentered: boolean): void {
|
||||||
|
const appContainer = document.getElementById('app');
|
||||||
|
|
||||||
|
if (!appContainer) return;
|
||||||
|
|
||||||
|
appContainer.style.alignItems = isCentered ? 'center' : 'start';
|
||||||
|
}
|
||||||
|
|
||||||
export function addUiThemeOverrides(scene: BattleScene): void {
|
export function addUiThemeOverrides(scene: BattleScene): void {
|
||||||
const originalAddImage = scene.add.image;
|
const originalAddImage = scene.add.image;
|
||||||
scene.add.image = function (x: number, y: number, texture: string | Phaser.Textures.Texture, frame?: string | number): Phaser.GameObjects.Image {
|
scene.add.image = function (x: number, y: number, texture: string | Phaser.Textures.Texture, frame?: string | number): Phaser.GameObjects.Image {
|
||||||
|
Loading…
Reference in New Issue
Block a user