refactor: all screens refactor
This commit is contained in:
@@ -0,0 +1,57 @@
|
||||
import 'package:flutter/foundation.dart';
|
||||
|
||||
/// دروازهی انیمیشنِ صحنه: نگهدارِ سه فازِ «مشغولِ انیمیشن» که در آنها بازیِ کارت
|
||||
/// قفل است و کارتها/پشتکارتها ممکن است پنهان شوند — اینترو («جستجوی حریف»)،
|
||||
/// بُر زدن، و پخشِ بقیهی کارتها. یک [animating] هم برای HUD/دیالوگِ حکم میدهد.
|
||||
class AnimGate {
|
||||
bool _intro = true;
|
||||
bool _pendingShuffle = false; // بُرِ دستِ اول که تا پایانِ اینترو معوق مانده
|
||||
bool _shuffling = false;
|
||||
bool _dealing = false;
|
||||
|
||||
/// آیا انیمیشنی در جریان است (صفحه از این برای پنهانکردنِ دیالوگِ حکم استفاده میکند).
|
||||
final ValueNotifier<bool> animating = ValueNotifier(true);
|
||||
|
||||
bool get introActive => _intro;
|
||||
bool get shuffling => _shuffling;
|
||||
bool get dealing => _dealing;
|
||||
|
||||
/// در جریانِ هر انیمیشنِ قفلکننده (بازیِ کارت ممنوع، صدا خاموش).
|
||||
bool get busy => _intro || _shuffling || _dealing;
|
||||
|
||||
/// در اینترو یا بُر زدن — کارتهای دست/پشتکارتها پنهاناند (انیمیشن خودش پخش میکند).
|
||||
bool get cardsHidden => _intro || _shuffling;
|
||||
|
||||
void _refresh() => animating.value = busy;
|
||||
|
||||
void markPendingShuffle() => _pendingShuffle = true;
|
||||
|
||||
/// پایانِ اینترو؛ true اگر بُرِ معوقِ دستِ اول باید اکنون اجرا شود.
|
||||
bool endIntro() {
|
||||
_intro = false;
|
||||
final run = _pendingShuffle;
|
||||
_pendingShuffle = false;
|
||||
_refresh();
|
||||
return run;
|
||||
}
|
||||
|
||||
void beginShuffle() {
|
||||
_shuffling = true;
|
||||
_refresh();
|
||||
}
|
||||
|
||||
void endShuffle() {
|
||||
_shuffling = false;
|
||||
_refresh();
|
||||
}
|
||||
|
||||
void beginDeal() {
|
||||
_dealing = true;
|
||||
_refresh();
|
||||
}
|
||||
|
||||
void endDeal() {
|
||||
_dealing = false;
|
||||
_refresh();
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,45 @@
|
||||
import '../../../domain/entities/game_entities.dart';
|
||||
|
||||
/// وضعیتِ افکتِ «بریدن با حکم»: بالاترین حکمِ دستِ جاری، کمبوِ روبُریدنهای سریع،
|
||||
/// و «مکثِ آتش» (فریزِ کوتاهِ صحنه پس از آتشِ کمبو). فقط وضعیت و تصمیم را نگه
|
||||
/// میدارد؛ افزودنِ کامپوننتهای افکت و بافرِ وضعیت بر عهدهی خودِ صحنه است.
|
||||
class CutFx {
|
||||
static const double comboWindowSec = 6.0; // پنجرهی شمارشِ بریدنِ پیاپی
|
||||
static const double holdSec = 1.0; // مدتِ مکثِ آتش
|
||||
|
||||
int _bestTrumpRank = 0; // بالاترین حکمِ بازیشده در دستِ جاری
|
||||
int combo = 0; // شمارِ بریدنِ پیاپیِ سریع (برای شدتِ آتش)
|
||||
double _lastCutAt = -999;
|
||||
|
||||
bool holding = false; // آیا در «مکثِ آتش» هستیم
|
||||
double _holdUntil = 0;
|
||||
GameState? pending; // آخرین وضعیتِ بافرشده در حینِ مکث
|
||||
|
||||
/// دستِ جدید (زمین خالی/تککارت) ⇒ بالاترین حکم ریست میشود.
|
||||
void resetTrick() => _bestTrumpRank = 0;
|
||||
|
||||
/// ثبتِ یک بریدن؛ true اگر این حکم «دست را میبَرد» (اولین بریدن یا روبُریدنِ
|
||||
/// بالاتر) — در این صورت کمبو هم بهروزرسانی میشود. حکمِ بازنده false میدهد.
|
||||
bool registerWinningCut(int rank, double now) {
|
||||
if (rank <= _bestTrumpRank) return false;
|
||||
_bestTrumpRank = rank;
|
||||
combo = (now - _lastCutAt < comboWindowSec) ? combo + 1 : 1;
|
||||
_lastCutAt = now;
|
||||
return true;
|
||||
}
|
||||
|
||||
/// شروعِ مکثِ آتش (پس از آتشِ کمبو).
|
||||
void startHold(double now) {
|
||||
holding = true;
|
||||
_holdUntil = now + holdSec;
|
||||
}
|
||||
|
||||
/// آیا مکث به پایان رسیده و باید وضعیتِ بافرشده اعمال شود.
|
||||
bool holdExpired(double now) => holding && now >= _holdUntil;
|
||||
|
||||
/// لغوِ مکث و پاککردنِ بافر (هنگام خروج از میز).
|
||||
void clearHold() {
|
||||
holding = false;
|
||||
pending = null;
|
||||
}
|
||||
}
|
||||
@@ -12,10 +12,13 @@ import '../../../../../core/settings/app_settings.dart';
|
||||
import '../../../../../core/theme/app_theme.dart';
|
||||
import '../../../domain/entities/game_entities.dart';
|
||||
import '../../bloc/game_bloc.dart';
|
||||
import 'anim_gate.dart';
|
||||
import 'card_codes.dart';
|
||||
import 'card_component.dart';
|
||||
import 'cut_fx.dart';
|
||||
import 'shuffle_animation.dart';
|
||||
import 'table_pieces.dart';
|
||||
import 'turn_heartbeat.dart';
|
||||
|
||||
/// صحنهی میز حکم با انیمیشن. شما همیشه پایین میز (rel=0) هستید.
|
||||
/// کامپوننتهای دست و trick ماندگارند و با افکت حرکت جابهجا میشوند.
|
||||
@@ -49,37 +52,21 @@ class HokmGame extends FlameGame {
|
||||
double _t = 0;
|
||||
List<String> _prevTrick = const [];
|
||||
bool _highlightedTrick = false; // آیا کارتِ برندهی دستِ کامل هایلایت شده (یکبار)
|
||||
int _bestTrumpRank = 0; // بالاترین رتبهی حکمِ بازیشده در دستِ جاری (برای افکتِ بریدن)
|
||||
int _cutCombo = 0; // شمارِ بریدنِ پیاپیِ سریع (روبُریدنها) برای افکتِ آتش
|
||||
double _lastCutAt = -999; // زمانِ آخرین بریدن (برای پنجرهی کمبو)
|
||||
// «مکثِ آتش»: پس از افکتِ آتشِ کمبو، صحنه کوتاه فریز میشود تا لحظه دیده شود؛
|
||||
// وضعیتهای ورودی بافر میشوند و پس از مکث اعمال میگردند (کاربر و بات فرقی ندارند).
|
||||
bool _cutHold = false;
|
||||
double _cutHoldUntil = 0;
|
||||
GameState? _pendingState;
|
||||
static const double _cutHoldSec = 1.0;
|
||||
// افکتِ بریدن با حکم: کمبوِ روبُریدن + آتش + «مکثِ آتش» (منطق در CutFx جدا شده).
|
||||
final CutFx _cut = CutFx();
|
||||
int _prevHandSize = 0; // برای تشخیصِ پخشِ کارت (دستِ جدید) جهت صدای بُر زدن
|
||||
String _prevHandSig = ''; // امضای دست؛ برای تشخیصِ بُرِ مجدد (تغییرِ ۵ کارت در فازِ حکم)
|
||||
bool _silent = false; // هنگام خروج از میز، دیگر صدایی پخش نشود
|
||||
bool _introActive = true; // تا پایانِ نمایشِ «جستجوی حریف»
|
||||
bool _pendingShuffle =
|
||||
false; // بُرِ دستِ اول که تا پایانِ اینترو به تعویق افتاده
|
||||
bool _shuffling = false; // در حالِ بُر زدن/پخشِ ۵ کارت (بازیِ کارت ممنوع)
|
||||
bool _dealing = false; // در حالِ پخشِ بقیهی کارتها پس از حکم (بازی ممنوع)
|
||||
String? _prevTrump; // برای تشخیصِ لحظهی انتخابِ حکم
|
||||
|
||||
/// آیا انیمیشنی در حال اجراست (اینترو/بُر زدن/پخشِ کارت). صفحه از این برای
|
||||
/// پنهانکردنِ دیالوگِ انتخابِ حکم تا پایانِ پخشِ کارتها استفاده میکند.
|
||||
final ValueNotifier<bool> animating = ValueNotifier(true);
|
||||
void _refreshAnimating() =>
|
||||
animating.value = _introActive || _shuffling || _dealing;
|
||||
// دروازهی انیمیشن (اینترو/بُر/پخش) — منطق در AnimGate جدا شده است.
|
||||
final AnimGate _anim = AnimGate();
|
||||
|
||||
// مدیریتِ ضربانِ قلب (فقط نوبتِ خودِ کاربر؛ مستقل از بازساختِ صحنه).
|
||||
double _turnElapsed = 0;
|
||||
bool _beatPlayed = false; // اولین ضربان در پنجرهی پایانیِ نوبت پخش شد
|
||||
double _hbAccum = 0; // انباشتِ زمان برای تکرارِ منظمِ ضربان تا پایانِ نوبت
|
||||
bool _wasMyTurn = false;
|
||||
String _turnSig = ''; // امضای نوبت (نوبت|تعدادِ کارتِ زمین|فاز) — همگام با HUD
|
||||
/// آیا انیمیشنی در حال اجراست؛ صفحه از این برای پنهانکردنِ دیالوگِ حکم استفاده میکند.
|
||||
ValueNotifier<bool> get animating => _anim.animating;
|
||||
|
||||
// ضربانِ قلبِ نوبتِ کاربر (منطق در TurnHeartbeat جدا شده است).
|
||||
final TurnHeartbeat _heart = TurnHeartbeat();
|
||||
|
||||
/// فرشِ انتخابی؛ 'classic' یعنی سطحِ میزِ ترسیمی. فرشِ تصویری بهعنوانِ سطحِ
|
||||
/// میز (بریده در شکلِ میز) روی زمینِ لاجوردی کشیده میشود.
|
||||
@@ -100,8 +87,8 @@ class HokmGame extends FlameGame {
|
||||
if (ui.state == null) return;
|
||||
final s = ui.state!;
|
||||
// در حینِ «مکثِ آتش»، آخرین وضعیت را بافر کن و بعد از مکث اعمالش کن.
|
||||
if (_cutHold) {
|
||||
_pendingState = s;
|
||||
if (_cut.holding) {
|
||||
_cut.pending = s;
|
||||
return;
|
||||
}
|
||||
_applyState(s);
|
||||
@@ -124,8 +111,8 @@ class HokmGame extends FlameGame {
|
||||
// دستِ اول تا پایانِ نمایشِ «جستجوی حریف» به تعویق میافتد تا انیمیشن
|
||||
// زیرِ اوورلی پنهان نشود و صدا با تصویر هماهنگ باشد.
|
||||
if (_prevHandSize == 0 && s.yourHand.isNotEmpty && !_silent) {
|
||||
if (_introActive) {
|
||||
_pendingShuffle = true;
|
||||
if (_anim.introActive) {
|
||||
_anim.markPendingShuffle();
|
||||
} else {
|
||||
_shuffleNow();
|
||||
}
|
||||
@@ -133,7 +120,7 @@ class HokmGame extends FlameGame {
|
||||
// بُرِ مجدد: هنوز در فازِ حکم هستیم اما ۵ کارتِ حاکم عوض شده ⇒ انیمیشنِ بُر دوباره.
|
||||
final sig = (s.yourHand.toList()..sort()).join(',');
|
||||
if (!_silent &&
|
||||
!_introActive &&
|
||||
!_anim.introActive &&
|
||||
s.phase == 'choose_trump' &&
|
||||
s.trump == null &&
|
||||
_prevHandSize > 0 &&
|
||||
@@ -174,13 +161,13 @@ class HokmGame extends FlameGame {
|
||||
void _checkTrickSounds(GameState s) {
|
||||
final now = s.trick.map((t) => t.card).toList();
|
||||
// در زمانِ اینترو/بُر زدن/پخش، کارتی روی میز نشان داده نمیشود ⇒ صدا هم نه.
|
||||
if (_silent || _introActive || _shuffling || _dealing) {
|
||||
if (_silent || _anim.busy) {
|
||||
_prevTrick = now;
|
||||
return;
|
||||
}
|
||||
final addedOne =
|
||||
now.length == _prevTrick.length + 1 && _isPrefix(_prevTrick, now);
|
||||
if (now.length <= 1) _bestTrumpRank = 0; // دستِ جدید ⇒ ریستِ بالاترین حکم
|
||||
if (now.length <= 1) _cut.resetTrick(); // دستِ جدید ⇒ ریستِ بالاترین حکم
|
||||
if (addedOne) {
|
||||
final card = s.trick.last;
|
||||
// بریدن: خالِ راهبر حکم نیست و کارتِ بازیشده حکم است.
|
||||
@@ -189,25 +176,20 @@ class HokmGame extends FlameGame {
|
||||
s.leadSuit != s.trump &&
|
||||
suitName(card.card) == s.trump;
|
||||
final rank = isTrump ? rankValue(card.card) : 0;
|
||||
// افکتِ بریدن فقط وقتی حکمِ بازیشده «دست را میبرد» (بالاترین حکم تا کنون):
|
||||
// یعنی اولین بریدن یا روبریدنِ بالاتر. حکمِ پایینتر (بازنده) فقط صدای گذاشتن.
|
||||
if (isTrump && rank > _bestTrumpRank) {
|
||||
_bestTrumpRank = rank;
|
||||
// افکتِ بریدن فقط وقتی حکمِ بازیشده «دست را میبرد» (اولین بریدن یا روبُریدنِ
|
||||
// بالاتر). حکمِ پایینتر (بازنده) فقط صدای گذاشتن.
|
||||
if (isTrump && _cut.registerWinningCut(rank, _t)) {
|
||||
_shake = 1.0;
|
||||
add(Lightning());
|
||||
// کمبوِ بریدن: روبُریدنهای سریعِ پیاپی (پنجرهی ~۶ ثانیه) را میشمارد.
|
||||
_cutCombo = (_t - _lastCutAt < 6.0) ? _cutCombo + 1 : 1;
|
||||
_lastCutAt = _t;
|
||||
if (!AppSettings.I.lowGraphics.value) {
|
||||
add(CutBurst()); // فلاش + شوکویو + جرقه (کممصرف: خاموش)
|
||||
// سه بریدنِ پیاپی یا بیشتر ⇒ افکتِ آتش (هرچه کمبو بیشتر، شعله بلندتر).
|
||||
if (_cutCombo >= 3) {
|
||||
if (_cut.combo >= 3) {
|
||||
_shake = 1.4; // تکانِ قویتر برای اوجِ کمبو
|
||||
add(FireBurst(intensity: _cutCombo));
|
||||
add(FireBurst(intensity: _cut.combo));
|
||||
// مکثِ کوتاه پس از آتش تا لحظه دیده شود؛ کارتِ بعدی (کاربر یا بات)
|
||||
// تا پایانِ مکث اعمال نمیشود.
|
||||
_cutHold = true;
|
||||
_cutHoldUntil = _t + _cutHoldSec;
|
||||
_cut.startHold(_t);
|
||||
}
|
||||
}
|
||||
AppSounds.cut(); // بریدن با حکم (شمشیر)
|
||||
@@ -224,20 +206,14 @@ class HokmGame extends FlameGame {
|
||||
/// قطعِ صداهای بازی هنگام خروج از میز (جلوگیری از پخشِ صدای کارت پس از ترک).
|
||||
void silence() {
|
||||
_silent = true;
|
||||
_cutHold = false; // مکثِ آتش را لغو کن تا وضعیتِ بافرشده اعمال/رها نشود
|
||||
_pendingState = null;
|
||||
_cut.clearHold(); // مکثِ آتش را لغو کن تا وضعیتِ بافرشده اعمال/رها نشود
|
||||
AppSounds.stopHeartBeat();
|
||||
}
|
||||
|
||||
/// پایانِ نمایشِ «جستجوی حریف»؛ اگر بُرِ دستِ اول به تعویق افتاده بود، اکنون
|
||||
/// (که اوورلی کنار رفته) با صدا و تصویرِ هماهنگ اجرا میشود.
|
||||
void endIntro() {
|
||||
_introActive = false;
|
||||
if (_pendingShuffle && !_silent) {
|
||||
_pendingShuffle = false;
|
||||
_shuffleNow();
|
||||
}
|
||||
_refreshAnimating();
|
||||
if (_anim.endIntro() && !_silent) _shuffleNow();
|
||||
}
|
||||
|
||||
/// اجرای همزمانِ انیمیشن و صدای بُر زدن (صدا با پایانِ انیمیشن قطع میشود).
|
||||
@@ -246,11 +222,9 @@ class HokmGame extends FlameGame {
|
||||
if (_silent) return;
|
||||
AppSounds.shuffle(cutoffMs: ShuffleAnimation.totalMs);
|
||||
add(ShuffleAnimation(size));
|
||||
_shuffling = true;
|
||||
_refreshAnimating();
|
||||
_anim.beginShuffle();
|
||||
Future.delayed(const Duration(milliseconds: ShuffleAnimation.totalMs), () {
|
||||
_shuffling = false;
|
||||
_refreshAnimating();
|
||||
_anim.endShuffle();
|
||||
if (_s != null && !_silent) _relayout(); // فعالسازیِ دوبارهی کارتها
|
||||
});
|
||||
}
|
||||
@@ -260,11 +234,9 @@ class HokmGame extends FlameGame {
|
||||
if (_silent) return;
|
||||
AppSounds.shuffle(cutoffMs: ShuffleAnimation.dealMs);
|
||||
add(ShuffleAnimation(size, dealOnly: true));
|
||||
_dealing = true;
|
||||
_refreshAnimating();
|
||||
_anim.beginDeal();
|
||||
Future.delayed(const Duration(milliseconds: ShuffleAnimation.dealMs), () {
|
||||
_dealing = false;
|
||||
_refreshAnimating();
|
||||
_anim.endDeal();
|
||||
if (_s != null && !_silent) _relayout();
|
||||
});
|
||||
}
|
||||
@@ -310,10 +282,10 @@ class HokmGame extends FlameGame {
|
||||
super.update(dt);
|
||||
_t += dt;
|
||||
// پایانِ «مکثِ آتش»: آخرین وضعیتِ بافرشده را اعمال کن (یا صحنه را تازه کن).
|
||||
if (_cutHold && _t >= _cutHoldUntil) {
|
||||
_cutHold = false;
|
||||
final p = _pendingState;
|
||||
_pendingState = null;
|
||||
if (_cut.holdExpired(_t)) {
|
||||
_cut.holding = false;
|
||||
final p = _cut.pending;
|
||||
_cut.pending = null;
|
||||
if (!_silent) {
|
||||
if (p != null) {
|
||||
_applyState(p);
|
||||
@@ -323,70 +295,8 @@ class HokmGame extends FlameGame {
|
||||
}
|
||||
}
|
||||
if (_shake > 0) _shake = math.max(0, _shake - dt * 2.2);
|
||||
_updateHeartBeat(dt);
|
||||
}
|
||||
|
||||
// ضربانِ قلب فقط در ثانیههای پایانیِ نوبتِ خودِ کاربر؛ هنگامِ پایانِ نوبت
|
||||
// (بازیشدنِ کارت توسط کاربر یا سیستم) بلافاصله قطع میشود.
|
||||
//
|
||||
// زمانسنجِ نوبت باید دقیقاً همزمان با «حلقهی زمانِ نوبت» در HUD شروع شود؛
|
||||
// آن حلقه با تغییرِ امضای نوبت (نوبت|تعدادِ کارتِ زمین|فاز) ریست میشود و به
|
||||
// انیمیشنِ بُر/پخش کاری ندارد. پس اینجا هم شمارش را به همان امضا میبندیم و
|
||||
// فقط «پخشِ صدا» را در حینِ انیمیشن/اینترو خاموش میکنیم تا صدا و تصویر یکی شوند.
|
||||
void _updateHeartBeat(double dt) {
|
||||
final s = _s;
|
||||
final isMyTurn = s != null &&
|
||||
((s.phase == 'playing' && s.turn == s.yourSeat) ||
|
||||
(s.phase == 'choose_trump' && s.hakem == s.yourSeat));
|
||||
|
||||
if (!isMyTurn || _silent) {
|
||||
if (_wasMyTurn) {
|
||||
AppSounds.stopHeartBeat(); // نوبت تمام شد ⇒ توقفِ فوریِ صدا
|
||||
_wasMyTurn = false;
|
||||
}
|
||||
_turnSig = s == null ? '' : '${s.turn}|${s.trick.length}|${s.phase}';
|
||||
return;
|
||||
}
|
||||
|
||||
// امضای نوبت — همانی که حلقهی HUD استفاده میکند.
|
||||
final sig = '${s.turn}|${s.trick.length}|${s.phase}';
|
||||
if (!_wasMyTurn || sig != _turnSig) {
|
||||
// شروعِ نوبتِ من (یا نوبتِ جدید) ⇒ شمارش از صفر، همزمان با حلقهی HUD.
|
||||
_wasMyTurn = true;
|
||||
_turnSig = sig;
|
||||
_turnElapsed = 0;
|
||||
_beatPlayed = false;
|
||||
_hbAccum = 0;
|
||||
// صدای «نوبتِ شما» فقط هنگامِ بازیِ کارت و بیرون از انیمیشنها.
|
||||
if (s.phase == 'playing' && !_introActive && !_shuffling && !_dealing) {
|
||||
AppSounds.turn();
|
||||
}
|
||||
}
|
||||
_turnElapsed += dt;
|
||||
|
||||
// در حینِ اینترو/بُر/پخش صدایی پخش نمیکنیم (اما شمارش ادامه دارد تا با
|
||||
// حلقهی HUD همگام بماند). این انیمیشنها در ابتدای نوبتاند و با پنجرهی
|
||||
// پایانیِ ضربان همپوشانی ندارند.
|
||||
if (_introActive || _shuffling || _dealing) return;
|
||||
|
||||
final dur = (s.turnTimeoutMs > 0 ? s.turnTimeoutMs / 1000.0 : 30.0);
|
||||
final remaining = dur - _turnElapsed;
|
||||
final warn = math.min(7.0, dur * 0.4);
|
||||
// در پنجرهی پایانیِ نوبت، ضربان را با فاصلهی منظم تکرار کن تا تا لحظهی
|
||||
// آخر شنیده شود (نه فقط یک ضربانِ زودهنگام که در سکوتِ پایانی گم میشود).
|
||||
if (remaining > 0 && remaining <= warn) {
|
||||
if (!_beatPlayed) {
|
||||
_beatPlayed = true;
|
||||
_hbAccum = 0;
|
||||
AppSounds.heartBeat();
|
||||
} else {
|
||||
_hbAccum += dt;
|
||||
if (_hbAccum >= 0.95) {
|
||||
_hbAccum = 0;
|
||||
AppSounds.heartBeat();
|
||||
}
|
||||
}
|
||||
}
|
||||
_heart.update(dt, _s,
|
||||
silent: _silent, busy: _anim.busy);
|
||||
}
|
||||
|
||||
@override
|
||||
@@ -423,7 +333,7 @@ class HokmGame extends FlameGame {
|
||||
bool _legal(String code) {
|
||||
final s = _s!;
|
||||
// هنگامِ اینترو/بُر زدن/پخشِ کارتها یا مکثِ آتش، بازیِ کارت مجاز نیست.
|
||||
if (_introActive || _shuffling || _dealing || _cutHold) return false;
|
||||
if (_anim.busy || _cut.holding) return false;
|
||||
if (s.phase != 'playing' || s.trickDone || !s.isMyTurn) return false;
|
||||
final lead = s.leadSuit;
|
||||
if (lead == null || lead.isEmpty) return true;
|
||||
@@ -458,7 +368,7 @@ class HokmGame extends FlameGame {
|
||||
void _layoutHand(GameState s) {
|
||||
// در زمانِ اینترو/بُر زدنِ ابتدای هَند، کارتهای دست پنهاناند و پس از پایانِ
|
||||
// بُر زدن «پخش» میشوند (میآیند). در زمانِ پخشِ بقیهی کارتها مخفی نمیشوند.
|
||||
if (_introActive || _shuffling) {
|
||||
if (_anim.cardsHidden) {
|
||||
for (final c in _hand.values.toList()) {
|
||||
c.removeFromParent();
|
||||
}
|
||||
@@ -532,7 +442,7 @@ class HokmGame extends FlameGame {
|
||||
void _layoutTrick(GameState s) {
|
||||
// در زمانِ اینترو/بُر زدن/پخش، کارتهای روی میز پنهان میمانند تا با انیمیشن
|
||||
// تداخل نکنند (پس از پایانِ انیمیشن دوباره چیده میشوند).
|
||||
if (_introActive || _shuffling || _dealing) {
|
||||
if (_anim.busy) {
|
||||
for (final c in _trick.values.toList()) {
|
||||
c.removeFromParent();
|
||||
}
|
||||
@@ -681,7 +591,7 @@ class HokmGame extends FlameGame {
|
||||
|
||||
// پشتِ کارتِ حریفان در زمانِ بُر زدنِ ابتدای هَند پنهان است (انیمیشنِ بُر
|
||||
// خودش کارتها را پخش میکند)؛ پس از آن نمایش داده میشود.
|
||||
final hideBacks = _introActive || _shuffling;
|
||||
final hideBacks = _anim.cardsHidden;
|
||||
for (var seat = 0; seat < 4 && !hideBacks; seat++) {
|
||||
if (seat == s.yourSeat) continue;
|
||||
final count = seat < s.handCounts.length ? s.handCounts[seat] : 0;
|
||||
|
||||
@@ -0,0 +1,76 @@
|
||||
import 'dart:math' as math;
|
||||
|
||||
import '../../../../../core/service/app_sounds.dart';
|
||||
import '../../../domain/entities/game_entities.dart';
|
||||
|
||||
/// ضربانِ قلبِ نوبتِ کاربر: در ثانیههای پایانیِ نوبتِ خودِ کاربر صدای ضربان پخش
|
||||
/// میکند و با پایانِ نوبت بلافاصله قطع میشود. مستقل از چیدمانِ صحنه است.
|
||||
///
|
||||
/// زمانسنجِ نوبت دقیقاً همزمان با «حلقهی زمانِ نوبت» در HUD شروع میشود؛ آن حلقه
|
||||
/// با تغییرِ امضای نوبت (نوبت|تعدادِ کارتِ زمین|فاز) ریست میشود و به انیمیشنِ بُر/
|
||||
/// پخش کاری ندارد. اینجا هم شمارش به همان امضا بسته میشود و فقط «پخشِ صدا» در حینِ
|
||||
/// انیمیشن/اینترو خاموش است تا صدا و تصویر یکی شوند.
|
||||
class TurnHeartbeat {
|
||||
double _elapsed = 0;
|
||||
bool _beatPlayed = false;
|
||||
double _accum = 0;
|
||||
bool _wasMyTurn = false;
|
||||
String _sig = '';
|
||||
|
||||
/// هر فریم صدا زده میشود. [busy] یعنی اینترو/بُر زدن/پخشِ کارت در جریان است
|
||||
/// (شمارش ادامه دارد اما صدایی پخش نمیشود).
|
||||
void update(
|
||||
double dt,
|
||||
GameState? s, {
|
||||
required bool silent,
|
||||
required bool busy,
|
||||
}) {
|
||||
final isMyTurn = s != null &&
|
||||
((s.phase == 'playing' && s.turn == s.yourSeat) ||
|
||||
(s.phase == 'choose_trump' && s.hakem == s.yourSeat));
|
||||
|
||||
if (!isMyTurn || silent) {
|
||||
if (_wasMyTurn) {
|
||||
AppSounds.stopHeartBeat(); // نوبت تمام شد ⇒ توقفِ فوریِ صدا
|
||||
_wasMyTurn = false;
|
||||
}
|
||||
_sig = s == null ? '' : '${s.turn}|${s.trick.length}|${s.phase}';
|
||||
return;
|
||||
}
|
||||
|
||||
final sig = '${s.turn}|${s.trick.length}|${s.phase}';
|
||||
if (!_wasMyTurn || sig != _sig) {
|
||||
// شروعِ نوبتِ من (یا نوبتِ جدید) ⇒ شمارش از صفر، همزمان با حلقهی HUD.
|
||||
_wasMyTurn = true;
|
||||
_sig = sig;
|
||||
_elapsed = 0;
|
||||
_beatPlayed = false;
|
||||
_accum = 0;
|
||||
if (s.phase == 'playing' && !busy) AppSounds.turn();
|
||||
}
|
||||
_elapsed += dt;
|
||||
|
||||
if (busy) return;
|
||||
|
||||
final dur = (s.turnTimeoutMs > 0 ? s.turnTimeoutMs / 1000.0 : 30.0);
|
||||
final remaining = dur - _elapsed;
|
||||
final warn = math.min(7.0, dur * 0.4);
|
||||
// در پنجرهی پایانیِ نوبت، ضربان با فاصلهی منظم تکرار میشود تا تا لحظهی آخر
|
||||
// شنیده شود (نه فقط یک ضربانِ زودهنگام که در سکوتِ پایانی گم میشود).
|
||||
if (remaining > 0 && remaining <= warn) {
|
||||
if (!_beatPlayed) {
|
||||
_beatPlayed = true;
|
||||
_accum = 0;
|
||||
AppSounds.heartBeat();
|
||||
} else {
|
||||
_accum += dt;
|
||||
if (_accum >= 0.95) {
|
||||
_accum = 0;
|
||||
AppSounds.heartBeat();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
void stop() => AppSounds.stopHeartBeat();
|
||||
}
|
||||
@@ -8,6 +8,8 @@ import '../../../../core/theme/ranks.dart';
|
||||
import '../../domain/entities/game_entities.dart';
|
||||
import '../bloc/game_state.dart';
|
||||
|
||||
part 'table_hud.parts.dart';
|
||||
|
||||
/// اوورلیِ روی صحنهی Flame: آواتارِ بازیکنان با قابِ طلایی، نام، نشانِ رتبه،
|
||||
/// شمارندهی نوبت، تاجِ حاکم و تعدادِ کارت — بهعلاوهی پنلِ امتیاز/حکم (بالا-چپ)،
|
||||
/// نشانگرِ اتصال و دکمهی خروج (بالا-راست) و دکمهی گفتگو (پایین-راست).
|
||||
@@ -217,425 +219,3 @@ class TableHud extends StatelessWidget {
|
||||
/// رتبه (رنگ از سرور). باتها رتبه ندارند ⇒ رنگِ پیشفرض.
|
||||
List<Color> _seatFrame(GamePlayer p) =>
|
||||
frameGradient(p.frame) ?? rankGradient(p.bot ? '' : p.rankTier);
|
||||
|
||||
class _PlayerSeat extends StatelessWidget {
|
||||
final GamePlayer player;
|
||||
final double diameter;
|
||||
final bool isTurn;
|
||||
final bool isHakem;
|
||||
final bool nameAbove;
|
||||
final int cardCount;
|
||||
final int
|
||||
teamTricks; // دستهای بردهی تیمِ این بازیکن در این هَند (tricks_won)
|
||||
final String turnToken;
|
||||
final double turnSeconds;
|
||||
final bool showRing;
|
||||
final ChatBubble? bubble; // پیام/شکلکِ فعالِ این بازیکن (یا null)
|
||||
const _PlayerSeat({
|
||||
required this.player,
|
||||
required this.diameter,
|
||||
required this.isTurn,
|
||||
required this.isHakem,
|
||||
required this.nameAbove,
|
||||
required this.cardCount,
|
||||
required this.teamTricks,
|
||||
required this.turnToken,
|
||||
required this.turnSeconds,
|
||||
required this.showRing,
|
||||
required this.bubble,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final ringW = diameter * 0.08;
|
||||
final name = Container(
|
||||
constraints: BoxConstraints(maxWidth: diameter * 1.7),
|
||||
padding: const EdgeInsets.symmetric(horizontal: 2, vertical: 1),
|
||||
decoration: BoxDecoration(
|
||||
color: const Color(0xCC14100B),
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
border: Border.all(
|
||||
color: isTurn ? AppColors.gold : const Color(0x55B8860B),
|
||||
),
|
||||
),
|
||||
child: Text(
|
||||
player.bot ? '${player.name} (ربات)' : player.name,
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
textAlign: TextAlign.center,
|
||||
style: TextStyle(
|
||||
color: isTurn ? AppColors.gold : Colors.white,
|
||||
fontSize: diameter * 0.18,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
final avatar = SizedBox(
|
||||
width: diameter,
|
||||
height: diameter,
|
||||
child: Stack(
|
||||
clipBehavior: Clip.none,
|
||||
alignment: Alignment.center,
|
||||
children: [
|
||||
// قابِ آواتار: قابِ اختصاصیِ خریداریشده (اگر باشد)، وگرنه قابِ رتبه.
|
||||
Container(
|
||||
width: diameter,
|
||||
height: diameter,
|
||||
decoration: BoxDecoration(
|
||||
shape: BoxShape.circle,
|
||||
gradient: LinearGradient(
|
||||
begin: Alignment.topCenter,
|
||||
end: Alignment.bottomCenter,
|
||||
colors: _seatFrame(player),
|
||||
),
|
||||
boxShadow: [
|
||||
const BoxShadow(color: Colors.black54, blurRadius: 6),
|
||||
if (isTurn)
|
||||
BoxShadow(
|
||||
color: _seatFrame(player)[0].withValues(alpha: 0.6),
|
||||
blurRadius: 12),
|
||||
],
|
||||
),
|
||||
padding: EdgeInsets.all(ringW),
|
||||
child: ClipOval(
|
||||
child: Container(
|
||||
color: const Color(0xFF1A2740),
|
||||
child:
|
||||
player.bot
|
||||
? Icon(
|
||||
Icons.smart_toy,
|
||||
color: Colors.white70,
|
||||
size: diameter * 0.5,
|
||||
)
|
||||
: RandomAvatar(
|
||||
player.avatarSeed.isEmpty ? '?' : player.avatarSeed),
|
||||
),
|
||||
),
|
||||
),
|
||||
// حلقهی شمارشِ نوبت (روی قاب).
|
||||
if (isTurn && showRing)
|
||||
Positioned.fill(
|
||||
child: _TurnRing(
|
||||
token: turnToken,
|
||||
seconds: turnSeconds,
|
||||
stroke: ringW * 1.1,
|
||||
),
|
||||
),
|
||||
// تاجِ حاکم بالای آواتار.
|
||||
if (isHakem)
|
||||
Positioned(
|
||||
top: -diameter * 0.40,
|
||||
child: Text('👑', style: TextStyle(fontSize: diameter * 0.4)),
|
||||
),
|
||||
// دستهای بردهی تیمِ این بازیکن در این هَند (بالا-چپ، با نشانِ تکخال).
|
||||
if (teamTricks > 0)
|
||||
Positioned(
|
||||
left: -diameter * 0.06,
|
||||
top: -diameter * 0.06,
|
||||
child: _TricksBadge(count: teamTricks, diameter: diameter),
|
||||
),
|
||||
|
||||
// حبابِ تعدادِ کارت (پایین-راست).
|
||||
],
|
||||
),
|
||||
);
|
||||
|
||||
// نشانِ رتبهی فشرده (تصویر) کنارِ آواتار.
|
||||
final badge =
|
||||
(!player.bot && player.rankTier.isNotEmpty)
|
||||
? Image.asset(
|
||||
'assets/images/badge/${player.rankTier}.png',
|
||||
width: diameter * 0.34,
|
||||
height: diameter * 0.34,
|
||||
errorBuilder: (_, __, ___) => const SizedBox.shrink(),
|
||||
)
|
||||
: const SizedBox.shrink();
|
||||
|
||||
final nameRow = Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
badge,
|
||||
if (!player.bot && player.rankTier.isNotEmpty) const SizedBox(width: 4),
|
||||
Flexible(child: name),
|
||||
if (!player.bot && player.coins > 0) ...[
|
||||
const SizedBox(width: 4),
|
||||
Text(
|
||||
'${player.coins}',
|
||||
style: TextStyle(
|
||||
color: AppColors.gold,
|
||||
fontSize: diameter * 0.16,
|
||||
),
|
||||
),
|
||||
],
|
||||
],
|
||||
);
|
||||
|
||||
final content = Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children:
|
||||
nameAbove
|
||||
? [nameRow, SizedBox(height: diameter * 0.06), avatar]
|
||||
: [avatar, SizedBox(height: diameter * 0.06), nameRow],
|
||||
);
|
||||
|
||||
if (bubble == null) return content;
|
||||
// حبابِ پیام بالای آواتار (برای بازیکنِ بالا، زیرِ آواتار تا از صفحه بیرون نزند).
|
||||
return Stack(
|
||||
clipBehavior: Clip.none,
|
||||
alignment: Alignment.center,
|
||||
children: [
|
||||
content,
|
||||
Positioned(
|
||||
top: nameAbove ? null : -diameter * 0.62,
|
||||
bottom: nameAbove ? -diameter * 0.62 : null,
|
||||
child: _ChatBubbleView(bubble: bubble!, diameter: diameter),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/// نمایشِ حبابِ پیام/شکلک با یک «پاپ»ِ ورود. شکلک بزرگ و متن در یک پیلِ روشن.
|
||||
class _ChatBubbleView extends StatelessWidget {
|
||||
final ChatBubble bubble;
|
||||
final double diameter;
|
||||
const _ChatBubbleView({required this.bubble, required this.diameter});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final isEmoji = (bubble.emoji ?? '').isNotEmpty;
|
||||
final child = isEmoji
|
||||
? Text(bubble.emoji!, style: TextStyle(fontSize: diameter * 0.7))
|
||||
: Container(
|
||||
constraints: BoxConstraints(maxWidth: diameter * 2.4),
|
||||
padding: EdgeInsets.symmetric(
|
||||
horizontal: diameter * 0.16, vertical: diameter * 0.08),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
borderRadius: BorderRadius.circular(diameter * 0.3),
|
||||
border: Border.all(color: AppColors.goldDark, width: 1.4),
|
||||
boxShadow: const [
|
||||
BoxShadow(color: Colors.black54, blurRadius: 5)
|
||||
],
|
||||
),
|
||||
child: Text(
|
||||
bubble.text ?? '',
|
||||
maxLines: 2,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
textAlign: TextAlign.center,
|
||||
style: TextStyle(
|
||||
color: AppColors.bgDark,
|
||||
fontSize: diameter * 0.2,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
);
|
||||
return TweenAnimationBuilder<double>(
|
||||
key: ValueKey(bubble.id),
|
||||
tween: Tween(begin: 0.5, end: 1.0),
|
||||
duration: const Duration(milliseconds: 220),
|
||||
curve: Curves.easeOutBack,
|
||||
builder: (_, v, c) => Transform.scale(scale: v, child: c),
|
||||
child: child,
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/// حلقهی شمارشِ معکوسِ نوبت: از پر به خالی طیِ `seconds`؛ نزدیکِ پایان قرمز
|
||||
/// میشود. با تغییرِ `token` (نوبتِ جدید) از نو شروع میشود.
|
||||
class _TurnRing extends StatefulWidget {
|
||||
final String token;
|
||||
final double seconds;
|
||||
final double stroke;
|
||||
const _TurnRing({
|
||||
required this.token,
|
||||
required this.seconds,
|
||||
required this.stroke,
|
||||
});
|
||||
|
||||
@override
|
||||
State<_TurnRing> createState() => _TurnRingState();
|
||||
}
|
||||
|
||||
class _TurnRingState extends State<_TurnRing>
|
||||
with SingleTickerProviderStateMixin {
|
||||
late final AnimationController _c;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_c = AnimationController(
|
||||
vsync: this,
|
||||
duration: Duration(milliseconds: (widget.seconds * 1000).round()),
|
||||
)..forward();
|
||||
}
|
||||
|
||||
@override
|
||||
void didUpdateWidget(covariant _TurnRing old) {
|
||||
super.didUpdateWidget(old);
|
||||
if (old.token != widget.token) {
|
||||
_c.duration = Duration(milliseconds: (widget.seconds * 1000).round());
|
||||
_c
|
||||
..reset()
|
||||
..forward();
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_c.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return AnimatedBuilder(
|
||||
animation: _c,
|
||||
builder: (_, __) {
|
||||
final left = (1 - _c.value).clamp(0.0, 1.0);
|
||||
return CustomPaint(
|
||||
painter: _RingPainter(left: left, stroke: widget.stroke),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _RingPainter extends CustomPainter {
|
||||
final double left; // ۱..۰
|
||||
final double stroke;
|
||||
_RingPainter({required this.left, required this.stroke});
|
||||
|
||||
@override
|
||||
void paint(Canvas canvas, Size size) {
|
||||
final rect = Offset.zero & size;
|
||||
final center = rect.center;
|
||||
final radius = (size.shortestSide - stroke) / 2;
|
||||
const start = -1.5708; // بالا
|
||||
final sweep = 6.28318 * left;
|
||||
final color =
|
||||
left < 0.3 ? AppColors.suitRed : AppColors.online;
|
||||
canvas.drawArc(
|
||||
Rect.fromCircle(center: center, radius: radius),
|
||||
start,
|
||||
sweep,
|
||||
false,
|
||||
Paint()
|
||||
..style = PaintingStyle.stroke
|
||||
..strokeCap = StrokeCap.round
|
||||
..strokeWidth = stroke
|
||||
..color = color,
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
bool shouldRepaint(covariant _RingPainter old) =>
|
||||
old.left != left || old.stroke != stroke;
|
||||
}
|
||||
|
||||
/// نشانِ دستهای بردهی تیم؛ هنگامِ نمایش و هر بار که عدد زیاد میشود یک «پاپ»
|
||||
/// (بزرگنماییِ کوتاه) میزند تا کاربر بفهمد دستهای برده اینجا نشان داده میشوند.
|
||||
class _TricksBadge extends StatefulWidget {
|
||||
final int count;
|
||||
final double diameter;
|
||||
const _TricksBadge({required this.count, required this.diameter});
|
||||
|
||||
@override
|
||||
State<_TricksBadge> createState() => _TricksBadgeState();
|
||||
}
|
||||
|
||||
class _TricksBadgeState extends State<_TricksBadge>
|
||||
with SingleTickerProviderStateMixin {
|
||||
late final AnimationController _c;
|
||||
late final Animation<double> _scale;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_c = AnimationController(
|
||||
vsync: this, duration: const Duration(milliseconds: 420));
|
||||
_scale = TweenSequence<double>([
|
||||
TweenSequenceItem(tween: Tween(begin: 0.4, end: 1.35), weight: 50),
|
||||
TweenSequenceItem(tween: Tween(begin: 1.35, end: 1.0), weight: 50),
|
||||
]).animate(CurvedAnimation(parent: _c, curve: Curves.easeOut));
|
||||
_c.forward(); // پاپِ اولیه هنگامِ ظاهرشدن
|
||||
}
|
||||
|
||||
@override
|
||||
void didUpdateWidget(covariant _TricksBadge old) {
|
||||
super.didUpdateWidget(old);
|
||||
if (old.count != widget.count) {
|
||||
_c
|
||||
..reset()
|
||||
..forward(); // پاپ هر بار که دستِ برده اضافه میشود
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_c.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final d = widget.diameter;
|
||||
return ScaleTransition(
|
||||
scale: _scale,
|
||||
child: Container(
|
||||
padding:
|
||||
EdgeInsets.symmetric(horizontal: d * 0.08, vertical: d * 0.03),
|
||||
decoration: BoxDecoration(
|
||||
color: const Color(0xFF7B0E14),
|
||||
borderRadius: BorderRadius.circular(d),
|
||||
border: Border.all(color: AppColors.gold, width: 1.4),
|
||||
boxShadow: const [BoxShadow(color: Colors.black54, blurRadius: 4)],
|
||||
),
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Icon(Icons.layers, color: Colors.white, size: d * 0.18),
|
||||
SizedBox(width: d * 0.03),
|
||||
Text('${widget.count}',
|
||||
style: TextStyle(
|
||||
color: Colors.white,
|
||||
fontSize: d * 0.2,
|
||||
fontWeight: FontWeight.bold)),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _RoundBtn extends StatelessWidget {
|
||||
final IconData icon;
|
||||
final Color color;
|
||||
final VoidCallback onTap;
|
||||
final double size;
|
||||
const _RoundBtn({
|
||||
required this.icon,
|
||||
required this.color,
|
||||
required this.onTap,
|
||||
this.size = 46,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return GestureDetector(
|
||||
onTap: onTap,
|
||||
child: Container(
|
||||
width: size,
|
||||
height: size,
|
||||
decoration: BoxDecoration(
|
||||
color: color,
|
||||
shape: BoxShape.circle,
|
||||
border: Border.all(color: AppColors.gold, width: 1.6),
|
||||
boxShadow: const [BoxShadow(color: Colors.black54, blurRadius: 6)],
|
||||
),
|
||||
child: Icon(icon, color: Colors.white, size: size * 0.5),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,424 @@
|
||||
// ویجتهای خصوصیِ HUDِ میز (نشستِ بازیکن، حلقهی نوبت، نشانِ دستها، دکمهها).
|
||||
part of 'table_hud.dart';
|
||||
|
||||
class _PlayerSeat extends StatelessWidget {
|
||||
final GamePlayer player;
|
||||
final double diameter;
|
||||
final bool isTurn;
|
||||
final bool isHakem;
|
||||
final bool nameAbove;
|
||||
final int cardCount;
|
||||
final int
|
||||
teamTricks; // دستهای بردهی تیمِ این بازیکن در این هَند (tricks_won)
|
||||
final String turnToken;
|
||||
final double turnSeconds;
|
||||
final bool showRing;
|
||||
final ChatBubble? bubble; // پیام/شکلکِ فعالِ این بازیکن (یا null)
|
||||
const _PlayerSeat({
|
||||
required this.player,
|
||||
required this.diameter,
|
||||
required this.isTurn,
|
||||
required this.isHakem,
|
||||
required this.nameAbove,
|
||||
required this.cardCount,
|
||||
required this.teamTricks,
|
||||
required this.turnToken,
|
||||
required this.turnSeconds,
|
||||
required this.showRing,
|
||||
required this.bubble,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final ringW = diameter * 0.08;
|
||||
final name = Container(
|
||||
constraints: BoxConstraints(maxWidth: diameter * 1.7),
|
||||
padding: const EdgeInsets.symmetric(horizontal: 2, vertical: 1),
|
||||
decoration: BoxDecoration(
|
||||
color: const Color(0xCC14100B),
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
border: Border.all(
|
||||
color: isTurn ? AppColors.gold : const Color(0x55B8860B),
|
||||
),
|
||||
),
|
||||
child: Text(
|
||||
player.bot ? '${player.name} (ربات)' : player.name,
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
textAlign: TextAlign.center,
|
||||
style: TextStyle(
|
||||
color: isTurn ? AppColors.gold : Colors.white,
|
||||
fontSize: diameter * 0.18,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
final avatar = SizedBox(
|
||||
width: diameter,
|
||||
height: diameter,
|
||||
child: Stack(
|
||||
clipBehavior: Clip.none,
|
||||
alignment: Alignment.center,
|
||||
children: [
|
||||
// قابِ آواتار: قابِ اختصاصیِ خریداریشده (اگر باشد)، وگرنه قابِ رتبه.
|
||||
Container(
|
||||
width: diameter,
|
||||
height: diameter,
|
||||
decoration: BoxDecoration(
|
||||
shape: BoxShape.circle,
|
||||
gradient: LinearGradient(
|
||||
begin: Alignment.topCenter,
|
||||
end: Alignment.bottomCenter,
|
||||
colors: _seatFrame(player),
|
||||
),
|
||||
boxShadow: [
|
||||
const BoxShadow(color: Colors.black54, blurRadius: 6),
|
||||
if (isTurn)
|
||||
BoxShadow(
|
||||
color: _seatFrame(player)[0].withValues(alpha: 0.6),
|
||||
blurRadius: 12),
|
||||
],
|
||||
),
|
||||
padding: EdgeInsets.all(ringW),
|
||||
child: ClipOval(
|
||||
child: Container(
|
||||
color: const Color(0xFF1A2740),
|
||||
child:
|
||||
player.bot
|
||||
? Icon(
|
||||
Icons.smart_toy,
|
||||
color: Colors.white70,
|
||||
size: diameter * 0.5,
|
||||
)
|
||||
: RandomAvatar(
|
||||
player.avatarSeed.isEmpty ? '?' : player.avatarSeed),
|
||||
),
|
||||
),
|
||||
),
|
||||
// حلقهی شمارشِ نوبت (روی قاب).
|
||||
if (isTurn && showRing)
|
||||
Positioned.fill(
|
||||
child: _TurnRing(
|
||||
token: turnToken,
|
||||
seconds: turnSeconds,
|
||||
stroke: ringW * 1.1,
|
||||
),
|
||||
),
|
||||
// تاجِ حاکم بالای آواتار.
|
||||
if (isHakem)
|
||||
Positioned(
|
||||
top: -diameter * 0.40,
|
||||
child: Text('👑', style: TextStyle(fontSize: diameter * 0.4)),
|
||||
),
|
||||
// دستهای بردهی تیمِ این بازیکن در این هَند (بالا-چپ، با نشانِ تکخال).
|
||||
if (teamTricks > 0)
|
||||
Positioned(
|
||||
left: -diameter * 0.06,
|
||||
top: -diameter * 0.06,
|
||||
child: _TricksBadge(count: teamTricks, diameter: diameter),
|
||||
),
|
||||
|
||||
// حبابِ تعدادِ کارت (پایین-راست).
|
||||
],
|
||||
),
|
||||
);
|
||||
|
||||
// نشانِ رتبهی فشرده (تصویر) کنارِ آواتار.
|
||||
final badge =
|
||||
(!player.bot && player.rankTier.isNotEmpty)
|
||||
? Image.asset(
|
||||
'assets/images/badge/${player.rankTier}.png',
|
||||
width: diameter * 0.34,
|
||||
height: diameter * 0.34,
|
||||
errorBuilder: (_, __, ___) => const SizedBox.shrink(),
|
||||
)
|
||||
: const SizedBox.shrink();
|
||||
|
||||
final nameRow = Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
badge,
|
||||
if (!player.bot && player.rankTier.isNotEmpty) const SizedBox(width: 4),
|
||||
Flexible(child: name),
|
||||
if (!player.bot && player.coins > 0) ...[
|
||||
const SizedBox(width: 4),
|
||||
Text(
|
||||
'${player.coins}',
|
||||
style: TextStyle(
|
||||
color: AppColors.gold,
|
||||
fontSize: diameter * 0.16,
|
||||
),
|
||||
),
|
||||
],
|
||||
],
|
||||
);
|
||||
|
||||
final content = Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children:
|
||||
nameAbove
|
||||
? [nameRow, SizedBox(height: diameter * 0.06), avatar]
|
||||
: [avatar, SizedBox(height: diameter * 0.06), nameRow],
|
||||
);
|
||||
|
||||
if (bubble == null) return content;
|
||||
// حبابِ پیام بالای آواتار (برای بازیکنِ بالا، زیرِ آواتار تا از صفحه بیرون نزند).
|
||||
return Stack(
|
||||
clipBehavior: Clip.none,
|
||||
alignment: Alignment.center,
|
||||
children: [
|
||||
content,
|
||||
Positioned(
|
||||
top: nameAbove ? null : -diameter * 0.62,
|
||||
bottom: nameAbove ? -diameter * 0.62 : null,
|
||||
child: _ChatBubbleView(bubble: bubble!, diameter: diameter),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/// نمایشِ حبابِ پیام/شکلک با یک «پاپ»ِ ورود. شکلک بزرگ و متن در یک پیلِ روشن.
|
||||
class _ChatBubbleView extends StatelessWidget {
|
||||
final ChatBubble bubble;
|
||||
final double diameter;
|
||||
const _ChatBubbleView({required this.bubble, required this.diameter});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final isEmoji = (bubble.emoji ?? '').isNotEmpty;
|
||||
final child = isEmoji
|
||||
? Text(bubble.emoji!, style: TextStyle(fontSize: diameter * 0.7))
|
||||
: Container(
|
||||
constraints: BoxConstraints(maxWidth: diameter * 2.4),
|
||||
padding: EdgeInsets.symmetric(
|
||||
horizontal: diameter * 0.16, vertical: diameter * 0.08),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
borderRadius: BorderRadius.circular(diameter * 0.3),
|
||||
border: Border.all(color: AppColors.goldDark, width: 1.4),
|
||||
boxShadow: const [
|
||||
BoxShadow(color: Colors.black54, blurRadius: 5)
|
||||
],
|
||||
),
|
||||
child: Text(
|
||||
bubble.text ?? '',
|
||||
maxLines: 2,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
textAlign: TextAlign.center,
|
||||
style: TextStyle(
|
||||
color: AppColors.bgDark,
|
||||
fontSize: diameter * 0.2,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
);
|
||||
return TweenAnimationBuilder<double>(
|
||||
key: ValueKey(bubble.id),
|
||||
tween: Tween(begin: 0.5, end: 1.0),
|
||||
duration: const Duration(milliseconds: 220),
|
||||
curve: Curves.easeOutBack,
|
||||
builder: (_, v, c) => Transform.scale(scale: v, child: c),
|
||||
child: child,
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/// حلقهی شمارشِ معکوسِ نوبت: از پر به خالی طیِ `seconds`؛ نزدیکِ پایان قرمز
|
||||
/// میشود. با تغییرِ `token` (نوبتِ جدید) از نو شروع میشود.
|
||||
class _TurnRing extends StatefulWidget {
|
||||
final String token;
|
||||
final double seconds;
|
||||
final double stroke;
|
||||
const _TurnRing({
|
||||
required this.token,
|
||||
required this.seconds,
|
||||
required this.stroke,
|
||||
});
|
||||
|
||||
@override
|
||||
State<_TurnRing> createState() => _TurnRingState();
|
||||
}
|
||||
|
||||
class _TurnRingState extends State<_TurnRing>
|
||||
with SingleTickerProviderStateMixin {
|
||||
late final AnimationController _c;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_c = AnimationController(
|
||||
vsync: this,
|
||||
duration: Duration(milliseconds: (widget.seconds * 1000).round()),
|
||||
)..forward();
|
||||
}
|
||||
|
||||
@override
|
||||
void didUpdateWidget(covariant _TurnRing old) {
|
||||
super.didUpdateWidget(old);
|
||||
if (old.token != widget.token) {
|
||||
_c.duration = Duration(milliseconds: (widget.seconds * 1000).round());
|
||||
_c
|
||||
..reset()
|
||||
..forward();
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_c.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return AnimatedBuilder(
|
||||
animation: _c,
|
||||
builder: (_, __) {
|
||||
final left = (1 - _c.value).clamp(0.0, 1.0);
|
||||
return CustomPaint(
|
||||
painter: _RingPainter(left: left, stroke: widget.stroke),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _RingPainter extends CustomPainter {
|
||||
final double left; // ۱..۰
|
||||
final double stroke;
|
||||
_RingPainter({required this.left, required this.stroke});
|
||||
|
||||
@override
|
||||
void paint(Canvas canvas, Size size) {
|
||||
final rect = Offset.zero & size;
|
||||
final center = rect.center;
|
||||
final radius = (size.shortestSide - stroke) / 2;
|
||||
const start = -1.5708; // بالا
|
||||
final sweep = 6.28318 * left;
|
||||
final color =
|
||||
left < 0.3 ? AppColors.suitRed : AppColors.online;
|
||||
canvas.drawArc(
|
||||
Rect.fromCircle(center: center, radius: radius),
|
||||
start,
|
||||
sweep,
|
||||
false,
|
||||
Paint()
|
||||
..style = PaintingStyle.stroke
|
||||
..strokeCap = StrokeCap.round
|
||||
..strokeWidth = stroke
|
||||
..color = color,
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
bool shouldRepaint(covariant _RingPainter old) =>
|
||||
old.left != left || old.stroke != stroke;
|
||||
}
|
||||
|
||||
/// نشانِ دستهای بردهی تیم؛ هنگامِ نمایش و هر بار که عدد زیاد میشود یک «پاپ»
|
||||
/// (بزرگنماییِ کوتاه) میزند تا کاربر بفهمد دستهای برده اینجا نشان داده میشوند.
|
||||
class _TricksBadge extends StatefulWidget {
|
||||
final int count;
|
||||
final double diameter;
|
||||
const _TricksBadge({required this.count, required this.diameter});
|
||||
|
||||
@override
|
||||
State<_TricksBadge> createState() => _TricksBadgeState();
|
||||
}
|
||||
|
||||
class _TricksBadgeState extends State<_TricksBadge>
|
||||
with SingleTickerProviderStateMixin {
|
||||
late final AnimationController _c;
|
||||
late final Animation<double> _scale;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_c = AnimationController(
|
||||
vsync: this, duration: const Duration(milliseconds: 420));
|
||||
_scale = TweenSequence<double>([
|
||||
TweenSequenceItem(tween: Tween(begin: 0.4, end: 1.35), weight: 50),
|
||||
TweenSequenceItem(tween: Tween(begin: 1.35, end: 1.0), weight: 50),
|
||||
]).animate(CurvedAnimation(parent: _c, curve: Curves.easeOut));
|
||||
_c.forward(); // پاپِ اولیه هنگامِ ظاهرشدن
|
||||
}
|
||||
|
||||
@override
|
||||
void didUpdateWidget(covariant _TricksBadge old) {
|
||||
super.didUpdateWidget(old);
|
||||
if (old.count != widget.count) {
|
||||
_c
|
||||
..reset()
|
||||
..forward(); // پاپ هر بار که دستِ برده اضافه میشود
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_c.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final d = widget.diameter;
|
||||
return ScaleTransition(
|
||||
scale: _scale,
|
||||
child: Container(
|
||||
padding:
|
||||
EdgeInsets.symmetric(horizontal: d * 0.08, vertical: d * 0.03),
|
||||
decoration: BoxDecoration(
|
||||
color: const Color(0xFF7B0E14),
|
||||
borderRadius: BorderRadius.circular(d),
|
||||
border: Border.all(color: AppColors.gold, width: 1.4),
|
||||
boxShadow: const [BoxShadow(color: Colors.black54, blurRadius: 4)],
|
||||
),
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Icon(Icons.layers, color: Colors.white, size: d * 0.18),
|
||||
SizedBox(width: d * 0.03),
|
||||
Text('${widget.count}',
|
||||
style: TextStyle(
|
||||
color: Colors.white,
|
||||
fontSize: d * 0.2,
|
||||
fontWeight: FontWeight.bold)),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _RoundBtn extends StatelessWidget {
|
||||
final IconData icon;
|
||||
final Color color;
|
||||
final VoidCallback onTap;
|
||||
final double size;
|
||||
const _RoundBtn({
|
||||
required this.icon,
|
||||
required this.color,
|
||||
required this.onTap,
|
||||
this.size = 46,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return GestureDetector(
|
||||
onTap: onTap,
|
||||
child: Container(
|
||||
width: size,
|
||||
height: size,
|
||||
decoration: BoxDecoration(
|
||||
color: color,
|
||||
shape: BoxShape.circle,
|
||||
border: Border.all(color: AppColors.gold, width: 1.6),
|
||||
boxShadow: const [BoxShadow(color: Colors.black54, blurRadius: 6)],
|
||||
),
|
||||
child: Icon(icon, color: Colors.white, size: size * 0.5),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user