mika/pokerogue
1
0
Fork 0
mirror of https://github.com/pagefaultgames/pokerogue.git synced 2025-06-21 17:12:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

updated/revamped stats menu

Browse Source
This commit is contained in:
Shinigami Holo 2025-06-06 02:58:11 +03:00
parent 0c54fc1be0
commit f453449c14
1 changed files with 15 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
src/ui/game-stats-ui-handler.ts
View File

@ -247,38 +247,20 @@ export default class GameStatsUiHandler extends UiHandler {
headerText.setOrigin(0, 0); headerText.setOrigin(0, 0);
headerText.setPositionRelative(headerBg, 8, 4); headerText.setPositionRelative(headerBg, 8, 4);
const statsBgWidth = (globalScene.game.canvas.width / 6 - 2) / 2; const statsBgWidth = globalScene.game.canvas.width / 6 - 2;
const [statsBgLeft, statsBgRight] = new Array(2).fill(null).map((_, i) => { const statsBgHeight = Math.floor(globalScene.game.canvas.height / 6 - headerBg.height - 2);
const width = statsBgWidth + 2; const statsBg = addWindow(0, headerBg.height, statsBgWidth, statsBgHeight, false, false, 0, 1);
const height = Math.floor(globalScene.game.canvas.height / 6 - headerBg.height - 2);
const statsBg = addWindow(
(statsBgWidth - 2) * i,
headerBg.height,
width,
height,
false,
false,
i > 0 ? -3 : 0,
1,
);
statsBg.setOrigin(0, 0); statsBg.setOrigin(0, 0);
return statsBg;
});
this.statsContainer = globalScene.add.container(0, 0); this.statsContainer = globalScene.add.container(0, 0);
new Array(18).fill(null).map((_, s) => { new Array(39).fill(null).map((_, s) => {
const statLabel = addTextObject( const statLabel = addTextObject(8, 28 + s * 16, "", TextStyle.STATS_LABEL);
8 + (s % 2 === 1 ? statsBgWidth : 0),
28 + Math.floor(s / 2) * 16,
"",
TextStyle.STATS_LABEL,
);
statLabel.setOrigin(0, 0); statLabel.setOrigin(0, 0);
this.statsContainer.add(statLabel); this.statsContainer.add(statLabel);
this.statLabels.push(statLabel); this.statLabels.push(statLabel);
const statValue = addTextObject(statsBgWidth * ((s % 2) + 1) - 8, statLabel.y, "", TextStyle.STATS_VALUE); const statValue = addTextObject(statsBgWidth - 8, statLabel.y, "", TextStyle.STATS_VALUE);
statValue.setOrigin(1, 0); statValue.setOrigin(1, 0);
this.statsContainer.add(statValue); this.statsContainer.add(statValue);
this.statValues.push(statValue); this.statValues.push(statValue);
@ -286,19 +268,18 @@ export default class GameStatsUiHandler extends UiHandler {
this.gameStatsContainer.add(headerBg); this.gameStatsContainer.add(headerBg);
this.gameStatsContainer.add(headerText); this.gameStatsContainer.add(headerText);
this.gameStatsContainer.add(statsBgLeft); this.gameStatsContainer.add(statsBg);
this.gameStatsContainer.add(statsBgRight);
this.gameStatsContainer.add(this.statsContainer); this.gameStatsContainer.add(this.statsContainer);
// arrows to show that we can scroll through the stats // arrows to show that we can scroll through the stats
const isLegacyTheme = globalScene.uiTheme === UiTheme.LEGACY; const isLegacyTheme = globalScene.uiTheme === UiTheme.LEGACY;
this.arrowDown = globalScene.add.sprite( this.arrowDown = globalScene.add.sprite(
statsBgWidth, statsBgWidth / 2,
globalScene.game.canvas.height / 6 - (isLegacyTheme ? 9 : 5), globalScene.game.canvas.height / 6 - (isLegacyTheme ? 9 : 5),
"prompt", "prompt",
); );
this.gameStatsContainer.add(this.arrowDown); this.gameStatsContainer.add(this.arrowDown);
this.arrowUp = globalScene.add.sprite(statsBgWidth, headerBg.height + (isLegacyTheme ? 7 : 3), "prompt"); this.arrowUp = globalScene.add.sprite(statsBgWidth / 2, headerBg.height + (isLegacyTheme ? 7 : 3), "prompt");
this.arrowUp.flipY = true; this.arrowUp.flipY = true;
this.gameStatsContainer.add(this.arrowUp); this.gameStatsContainer.add(this.arrowUp);
@ -335,7 +316,7 @@ export default class GameStatsUiHandler extends UiHandler {
} }
updateStats(): void { updateStats(): void {
const statKeys = Object.keys(displayStats).slice(this.cursor * 2, this.cursor * 2 + 18); const statKeys = Object.keys(displayStats).slice(this.cursor * 2, this.cursor * 2 + 9);
statKeys.forEach((key, s) => { statKeys.forEach((key, s) => {
const stat = displayStats[key] as DisplayStat; const stat = displayStats[key] as DisplayStat;
const value = stat.sourceFunc!(globalScene.gameData); // TODO: is this bang correct? const value = stat.sourceFunc!(globalScene.gameData); // TODO: is this bang correct?
@ -346,8 +327,8 @@ export default class GameStatsUiHandler extends UiHandler {
); );
this.statValues[s].setText(value); this.statValues[s].setText(value);
}); });
if (statKeys.length < 18) { if (statKeys.length < 9) {
for (let s = statKeys.length; s < 18; s++) { for (let s = statKeys.length; s < 9; s++) {
this.statLabels[s].setText(""); this.statLabels[s].setText("");
this.statValues[s].setText(""); this.statValues[s].setText("");
} }
@ -361,7 +342,7 @@ export default class GameStatsUiHandler extends UiHandler {
const showUpArrow = this.cursor > 0; const showUpArrow = this.cursor > 0;
this.arrowUp.setVisible(showUpArrow); this.arrowUp.setVisible(showUpArrow);
const showDownArrow = this.cursor < Math.ceil((Object.keys(displayStats).length - 18) / 2); const showDownArrow = this.cursor < Math.ceil((Object.keys(displayStats).length - 10) / 2);
this.arrowDown.setVisible(showDownArrow); this.arrowDown.setVisible(showDownArrow);
} }
@ -381,7 +362,7 @@ export default class GameStatsUiHandler extends UiHandler {
} }
break; break;
case Button.DOWN: case Button.DOWN:
if (this.cursor < Math.ceil((Object.keys(displayStats).length - 18) / 2)) { if (this.cursor < Math.ceil(Object.keys(displayStats).length / 2 - 5)) {
success = this.setCursor(this.cursor + 1); success = this.setCursor(this.cursor + 1);
} }
break; break;