feat: get cards from backend

lib/feature/game/presentation/widgets/flame/card_component.dart

@@ -3,25 +3,30 @@ import 'package:flame/effects.dart';
 import 'package:flame/events.dart';
 import 'package:flutter/material.dart';
 
+import '../../../../../core/network/card_images.dart';
+
 /// یک کارت روی میز؛ اگر تصویر `assets/images/cards/<code>.png` موجود باشد از آن
 /// استفاده می‌کند، وگرنه نسخه‌ی برداری می‌کشد. برای پشت کارت `back.jpg`.
 /// کارت‌های قابل‌بازی فقط با **کشیدن (drag)** به سمت زمین بازی می‌شوند (نه tap).
 class CardComponent extends PositionComponent
     with DragCallbacks, HasGameReference {
   final String code; // مثل "AS"؛ برای پشت کارت خالی
-  final bool faceUp;
+  final String skin; // اسکینِ کارت؛ تصاویر از backend بارگذاری می‌شوند
+  bool faceUp; // قابلِ تغییر: برای انیمیشنِ برگرداندنِ کارت هنگام پخش
   VoidCallback? onPlay; // در صورت مجاز بودن، بازیِ این کارت
   bool dimmed; // کارت غیرمجاز/غیرفعال
   Vector2? home; // موقعیت اصلی در دست (برای برگشت پس از کشیدنِ ناقص)
   int restPriority = 0; // ترتیب لایه‌ی اصلی در دست (برای بازگردانی پس از کشیدن)
   Rect? dropZone; // ناحیه‌ی وسط میز؛ رهاکردن کارت در آن یعنی بازی
-  Sprite? _sprite;
+  Sprite? _front;
+  Sprite? _back;
   bool _dragging = false;
   bool _overZone = false; // کارت روی ناحیه‌ی انداختن است (برای هایلایت)
 
   CardComponent({
     required this.code,
     required this.faceUp,
+    this.skin = 'simple',
     this.onPlay,
     this.dimmed = false,
     super.position,
@@ -35,11 +40,24 @@ class CardComponent extends PositionComponent
 
   @override
   Future<void> onLoad() async {
-    try {
-      _sprite = await game.loadSprite(faceUp ? 'cards/$code.png' : 'cards/back.jpg');
-    } catch (_) {
-      _sprite = null; // fallback برداری
+    if (code.isNotEmpty) {
+      _front = await CardImages.front(skin, code);
     }
+    _back = await CardImages.back(skin);
+  }
+
+  /// برگرداندنِ کارت از پشت به رو با انیمیشن (هنگام پخش‌شدن از روی دسته).
+  void flipToFront({double delay = 0}) {
+    if (faceUp) return;
+    add(ScaleEffect.to(
+      Vector2(0.04, scale.y == 0 ? 1 : scale.y),
+      EffectController(duration: 0.13, startDelay: delay, curve: Curves.easeIn),
+      onComplete: () {
+        faceUp = true; // در لبه‌ی نازک، رو می‌شود
+        add(ScaleEffect.to(
+            Vector2(1, 1), EffectController(duration: 0.13, curve: Curves.easeOut)));
+      },
+    ));
   }
 
   // بزرگ‌نماییِ کارتِ انتخاب‌شده هنگام کشیدن (واضح‌تر برای دیدن).
@@ -126,10 +144,11 @@ class CardComponent extends PositionComponent
           Paint()..color = Color(_dragging ? 0x66000000 : 0x44000000));
     }
 
-    if (_sprite != null) {
+    final sprite = faceUp ? _front : _back;
+    if (sprite != null) {
       canvas.save();
       canvas.clipRRect(rrect);
-      _sprite!.render(canvas, size: size);
+      sprite.render(canvas, size: size);
       canvas.restore();
     } else if (faceUp) {
       _drawVectorFace(canvas, rrect);