From 4b20343673c350511d58fe14bbba764cf3364b08 Mon Sep 17 00:00:00 2001
From: tiennm99 <tiennm99@outlook.com>
Date: Sat, 4 Apr 2026 13:55:09 +0700
Subject: [PATCH] feat: use fun emojis as card faces

Replace card suit symbols with 24 fun emojis (faces, animals, objects)
for a more playful and visually distinct matching experience.
---
 src/game/scenes/PikachuGame.js | 31 ++++++-------------------------
 1 file changed, 6 insertions(+), 25 deletions(-)

diff --git a/src/game/scenes/PikachuGame.js b/src/game/scenes/PikachuGame.js
index 3fe75b5..545d12f 100644
--- a/src/game/scenes/PikachuGame.js
+++ b/src/game/scenes/PikachuGame.js
@@ -15,17 +15,10 @@ const CARD_HOVER_BG = 0xe0e8f0;
 const CARD_SELECT_BG = 0xc8f7c5;
 const CARD_MISMATCH_BG = 0xf5b7b1;
 
-const SUIT_INFO = {
-    S: { symbol: '♠', color: '#2c3e50' },
-    C: { symbol: '♣', color: '#27ae60' },
-    D: { symbol: '♦', color: '#e74c3c' },
-    H: { symbol: '♥', color: '#e74c3c' }
-};
-
 const CARD_TYPES = [
-    '2S', '3S', '4S', '5S', '6S', '7S', '8S', '9S',
-    '2C', '3C', '4C', '5C', '6C', '7C', '8C', '9C',
-    '2D', '3D', '4D', '5D', '6D', '7D', '8D', '9D'
+    '😀', '😂', '🥰', '😎', '🤩', '😴', '🤔', '😱',
+    '🐶', '🐱', '🐸', '🦊', '🐻', '🐼', '🐨', '🦁',
+    '🍎', '🍕', '🚀', '💎', '⭐', '🔥', '🦄', '🌈'
 ];
 
 export class PikachuGame extends Scene
@@ -159,26 +152,14 @@ export class PikachuGame extends Scene
                 const x = startX + (col - 1) * CARD_W;
                 const y = BOARD_Y + (row - 1) * CARD_H;
 
-                // Parse card type: e.g. '2S' → value='2', suit='S'
-                const suit = cell.type.slice(-1);
-                const value = cell.type.slice(0, -1);
-                const info = SUIT_INFO[suit];
-
-                // Card container: background + value + suit symbol
                 const bg = this.add.rectangle(0, 0, CARD_W - 6, CARD_H - 6, CARD_BG)
                     .setStrokeStyle(1, CARD_BORDER);
 
-                const valueText = this.add.text(0, -14, value, {
-                    fontFamily: 'Arial Black', fontSize: 15, color: info.color,
-                    align: 'center'
+                const emoji = this.add.text(0, 0, cell.type, {
+                    fontSize: 28, align: 'center'
                 }).setOrigin(0.5);
 
-                const suitText = this.add.text(0, 12, info.symbol, {
-                    fontSize: 22, color: info.color,
-                    align: 'center'
-                }).setOrigin(0.5);
-
-                const container = this.add.container(x, y, [bg, valueText, suitText]);
+                const container = this.add.container(x, y, [bg, emoji]);
                 container.setSize(CARD_W - 6, CARD_H - 6);
                 container.setInteractive({ useHandCursor: true });