fix(bingo): adjust visual styling and formatting

- Update player card background border radius from 5 to 15 for smoother corners
- Change called numbers board background color from cream to black for better contrast
- Remove unnecessary whitespace in `init()` and physics calculation lines (code cleanup)
This commit is contained in:
Brian Fertig 2026-05-25 11:05:53 -06:00
parent ebe387f5fe
commit 57c9d85864
1 changed files with 7 additions and 7 deletions

View File

@ -203,7 +203,7 @@ export default class BingoGame extends Phaser.Scene {
// Cream white background behind the card (letters + grid) // Cream white background behind the card (letters + grid)
const cardBg = this.add.graphics().setDepth(D.card - 1); const cardBg = this.add.graphics().setDepth(D.card - 1);
cardBg.fillStyle(0xe4e2b3, 0.95); cardBg.fillStyle(0xe4e2b3, 0.95);
cardBg.fillRoundedRect(CARD_CX - 310, 400 - 330, 620, 660, 5); cardBg.fillRoundedRect(CARD_CX - 310, 400 - 330, 620, 660, 15);
for (let c = 0; c < 5; c++) { for (let c = 0; c < 5; c++) {
this.add.text(colX(c), HEADER_Y, LETTERS[c], { this.add.text(colX(c), HEADER_Y, LETTERS[c], {
@ -348,7 +348,7 @@ export default class BingoGame extends Phaser.Scene {
buildCalledBoard() { buildCalledBoard() {
// Cream white background behind the called numbers board // Cream white background behind the called numbers board
const boardBg = this.add.graphics().setDepth(D.board - 1); const boardBg = this.add.graphics().setDepth(D.board - 1);
boardBg.fillStyle(0xecebe7, 0.95); boardBg.fillStyle(0x000000, 0.95);
boardBg.fillRoundedRect(970 - 490, 892 - 150, 980, 300, 5); boardBg.fillRoundedRect(970 - 490, 892 - 150, 980, 300, 5);
this.add.text(CB_LETTER_X - 24, 762, 'Called Numbers', { this.add.text(CB_LETTER_X - 24, 762, 'Called Numbers', {