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:
parent
ebe387f5fe
commit
57c9d85864
|
|
@ -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', {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue