Ronniie/ZoneOut
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Enhance game settings UI with improved button styles and icons; update difficulty and mode selection logic to show relevant information dynamically.

Browse source
This commit is contained in:
Ronnie 2025-05-27 21:44:37 -04:00
parent fc229f0ca6
commit 88937d85a6
3 changed files with 307 additions and 72 deletions
Download patch file Download diff file Expand all files Collapse all files

19
game.js
View file

@ -142,9 +142,12 @@ function showDeathScreen() {
levelRow.style.display = 'flex';
}
// Update mode and difficulty badges
document.querySelector('.mode-text').textContent = gameState.selectedMode;
document.querySelector('.difficulty-text').textContent = gameState.selectedDifficulty;
// Update mode and difficulty badges with proper capitalization
const modeText = gameState.selectedMode.charAt(0).toUpperCase() + gameState.selectedMode.slice(1);
const difficultyText = gameState.selectedDifficulty.charAt(0).toUpperCase() + gameState.selectedDifficulty.slice(1);
document.querySelector('.mode-text').textContent = modeText;
document.querySelector('.difficulty-text').textContent = difficultyText;
// Show death screen
deathScreen.classList.add('show');
@ -178,6 +181,11 @@ difficultyButtons.forEach(button => {
button.classList.add('active');
gameState.selectedDifficulty = button.dataset.difficulty;
setCookie('difficulty', gameState.selectedDifficulty, 365);
// Update info text visibility
document.querySelectorAll('.difficulty-info .info-text').forEach(info => info.style.display = 'none');
document.querySelector(`.${gameState.selectedDifficulty}-info`).style.display = 'block';
restartGame();
});
});
@ -188,6 +196,11 @@ modeButtons.forEach(button => {
button.classList.add('active');
gameState.selectedMode = button.dataset.mode;
setCookie('mode', gameState.selectedMode, 365);
// Update info text visibility
document.querySelectorAll('.mode-info .info-text').forEach(info => info.style.display = 'none');
document.querySelector(`.${gameState.selectedMode}-info`).style.display = 'block';
restartGame();
});
});