feat: add sounds

2026-06-18 21:57:28 +03:30
parent 519752b478
commit f4d99043c4
18 changed files with 312 additions and 55 deletions
@@ -0,0 +1,94 @@
+import 'package:flame/components.dart';
+import 'package:flame/effects.dart';
+import 'package:flutter/material.dart';
+
+/// انیمیشنِ بُر زدن: دو دسته کارتِ پشت‌رو در مرکز ریفل می‌شوند، کمی بالا/پایین
+/// می‌روند (بُر) و سپس به سمت چهار بازیکن پخش می‌شوند. مدتِ کل [totalMs] است
+/// تا صدای بُر زدن دقیقاً هم‌زمان با پایانِ انیمیشن قطع شود.
+class ShuffleAnimation extends PositionComponent {
+  final Vector2 area;
+  ShuffleAnimation(this.area);
+
+  /// مدتِ کلِ انیمیشن (مرجعِ هماهنگیِ صدا).
+  static const int totalMs = 2000;
+
+  @override
+  Future<void> onLoad() async {
+    priority = 6000;
+    final cw = area.x * 0.16;
+    final ch = cw * 1.45;
+    final center = Vector2(area.x / 2, area.y / 2);
+    const n = 10;
+
+    // جهتِ پخش به سمتِ ۴ بازیکن (پایین، چپ، بالا، راست).
+    final dirs = [
+      Vector2(0, area.y * 0.42),
+      Vector2(-area.x * 0.42, 0),
+      Vector2(0, -area.y * 0.42),
+      Vector2(area.x * 0.42, 0),
+    ];
+
+    for (var i = 0; i < n; i++) {
+      final left = i.isEven;
+      final stack = center + Vector2((i - n / 2) * cw * 0.05, 0);
+      final delay = i * 0.02; // ریفلِ پلکانی
+
+      final card = _Back(Vector2(cw, ch))
+        ..anchor = Anchor.center
+        ..position = center + Vector2((left ? -1 : 1) * cw, 0)
+        ..angle = (left ? -1 : 1) * 0.22;
+      add(card);
+
+      // صاف‌شدنِ زاویه هم‌زمان با ریفل.
+      card.add(RotateEffect.to(
+          0, EffectController(duration: 0.55, startDelay: delay)));
+
+      // دنباله: ریفل به مرکز ← بالا (بُر) ← نشستن ← پخش به سمت بازیکن.
+      card.add(SequenceEffect([
+        MoveToEffect(stack,
+            EffectController(duration: 0.55, curve: Curves.easeOut, startDelay: delay)),
+        MoveToEffect(stack + Vector2(0, -ch * 0.18),
+            EffectController(duration: 0.35, curve: Curves.easeInOut)),
+        MoveToEffect(stack,
+            EffectController(duration: 0.35, curve: Curves.easeInOut)),
+        MoveToEffect(center + dirs[i % 4],
+            EffectController(duration: 0.55, curve: Curves.easeIn)),
+      ]));
+
+      // کوچک‌شدن هنگامِ پخش (هم‌زمان با حرکتِ آخرِ دنباله).
+      card.add(ScaleEffect.to(
+        Vector2.all(0.5),
+        EffectController(duration: 0.55, startDelay: 1.25 + delay),
+      ));
+    }
+
+    add(RemoveEffect(delay: totalMs / 1000));
+  }
+}
+
+/// پشتِ یک کارت (مستطیلِ گرد با حاشیه‌ی طلایی).
+class _Back extends PositionComponent {
+  _Back(Vector2 s) : super(size: s);
+
+  static final _fill = Paint()..color = const Color(0xFF7A1020);
+  static final _border = Paint()
+    ..style = PaintingStyle.stroke
+    ..strokeWidth = 2
+    ..color = const Color(0xFFE9C76A);
+  static final _inner = Paint()
+    ..style = PaintingStyle.stroke
+    ..strokeWidth = 1.5
+    ..color = const Color(0x88E9C76A);
+
+  @override
+  void render(Canvas canvas) {
+    final rect = size.toRect();
+    canvas.drawRRect(
+        RRect.fromRectAndRadius(rect, const Radius.circular(8)), _fill);
+    canvas.drawRRect(
+        RRect.fromRectAndRadius(rect, const Radius.circular(8)), _border);
+    canvas.drawRRect(
+        RRect.fromRectAndRadius(rect.deflate(6), const Radius.circular(6)),
+        _inner);
+  }
+}