jozamudi/battle-royal-tetris
1
0
Fork 0
Code Issues Pull Requests Activity

Create focused arena layout with main player centered

Browse Source 
- Main player board is large and centered with cyan glow
- Opponent boards are smaller (50% scale) and positioned around edges
- Layout adapts for 1, 2, or 3+ players
- Spectator boards have reduced opacity to reduce distraction
This commit is contained in:
Josue Zamudio
2026-03-20 08:01:25 -07:00
parent 45f6d0d0c3
commit bc89948584
3 changed files with 115 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/js/app.js
+6 -4
View File
@@ -115,12 +115,14 @@ function setupKeyboardControls() {
}
function updateBattleGridLayout(playerCount) {
ui.displays.battleGrid.classList.remove('grid-2x2', 'grid-2x4');
ui.displays.battleGrid.classList.remove('single-player', 'two-players', 'multi-player');
if (playerCount <= 4) {
ui.displays.battleGrid.classList.add('grid-2x2');
if (playerCount === 1) {
ui.displays.battleGrid.classList.add('single-player');
} else if (playerCount === 2) {
ui.displays.battleGrid.classList.add('two-players');
} else {
ui.displays.battleGrid.classList.add('grid-2x4');
ui.displays.battleGrid.classList.add('multi-player');
}
}