feat(arena): 아레나 화면 구현
- ArenaScreen: 아레나 메인 화면 - ArenaSetupScreen: 전투 설정 화면 - ArenaBattleScreen: 전투 진행 화면 - 관련 위젯 추가
This commit is contained in:
JiWoong Sul
518
lib/src/features/arena/arena_battle_screen.dart
Normal file
518
lib/src/features/arena/arena_battle_screen.dart
Normal file
@@ -0,0 +1,518 @@
|
||||
import 'dart:async';
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import 'package:asciineverdie/src/core/engine/arena_service.dart';
|
||||
import 'package:asciineverdie/src/core/model/arena_match.dart';
|
||||
import 'package:asciineverdie/src/core/model/game_state.dart';
|
||||
import 'package:asciineverdie/src/core/model/hall_of_fame.dart';
|
||||
import 'package:asciineverdie/src/features/arena/widgets/arena_result_dialog.dart';
|
||||
import 'package:asciineverdie/src/features/game/widgets/ascii_animation_card.dart';
|
||||
import 'package:asciineverdie/src/shared/retro_colors.dart';
|
||||
|
||||
// 임시 문자열 (추후 l10n으로 이동)
|
||||
const _battleTitle = 'ARENA BATTLE';
|
||||
const _hpLabel = 'HP';
|
||||
const _turnLabel = 'TURN';
|
||||
|
||||
/// 아레나 전투 화면
|
||||
///
|
||||
/// ASCII 애니메이션 기반 턴제 전투 표시
|
||||
/// 레트로 RPG 스타일 HP 바 (세그먼트)
|
||||
class ArenaBattleScreen extends StatefulWidget {
|
||||
const ArenaBattleScreen({
|
||||
super.key,
|
||||
required this.match,
|
||||
required this.onBattleComplete,
|
||||
});
|
||||
|
||||
/// 대전 정보
|
||||
final ArenaMatch match;
|
||||
|
||||
/// 전투 완료 콜백
|
||||
final void Function(ArenaMatchResult) onBattleComplete;
|
||||
|
||||
@override
|
||||
State<ArenaBattleScreen> createState() => _ArenaBattleScreenState();
|
||||
}
|
||||
|
||||
class _ArenaBattleScreenState extends State<ArenaBattleScreen>
|
||||
with TickerProviderStateMixin {
|
||||
final ArenaService _arenaService = ArenaService();
|
||||
|
||||
/// 현재 턴
|
||||
int _currentTurn = 0;
|
||||
|
||||
/// 도전자 HP
|
||||
late int _challengerHp;
|
||||
late int _challengerHpMax;
|
||||
|
||||
/// 상대 HP
|
||||
late int _opponentHp;
|
||||
late int _opponentHpMax;
|
||||
|
||||
/// 전투 로그
|
||||
final List<String> _battleLog = [];
|
||||
|
||||
/// 전투 시뮬레이션 스트림 구독
|
||||
StreamSubscription<ArenaCombatTurn>? _combatSubscription;
|
||||
|
||||
/// 최종 결과
|
||||
ArenaMatchResult? _result;
|
||||
|
||||
// HP 변화 애니메이션
|
||||
late AnimationController _challengerFlashController;
|
||||
late AnimationController _opponentFlashController;
|
||||
late Animation<double> _challengerFlashAnimation;
|
||||
late Animation<double> _opponentFlashAnimation;
|
||||
|
||||
// 변화량 표시용
|
||||
int _challengerHpChange = 0;
|
||||
int _opponentHpChange = 0;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
|
||||
// HP 초기화
|
||||
_challengerHpMax = widget.match.challenger.finalStats?.hpMax ?? 100;
|
||||
_challengerHp = _challengerHpMax;
|
||||
_opponentHpMax = widget.match.opponent.finalStats?.hpMax ?? 100;
|
||||
_opponentHp = _opponentHpMax;
|
||||
|
||||
// 플래시 애니메이션 초기화
|
||||
_challengerFlashController = AnimationController(
|
||||
duration: const Duration(milliseconds: 400),
|
||||
vsync: this,
|
||||
);
|
||||
_challengerFlashAnimation = Tween<double>(begin: 1.0, end: 0.0).animate(
|
||||
CurvedAnimation(parent: _challengerFlashController, curve: Curves.easeOut),
|
||||
);
|
||||
|
||||
_opponentFlashController = AnimationController(
|
||||
duration: const Duration(milliseconds: 400),
|
||||
vsync: this,
|
||||
);
|
||||
_opponentFlashAnimation = Tween<double>(begin: 1.0, end: 0.0).animate(
|
||||
CurvedAnimation(parent: _opponentFlashController, curve: Curves.easeOut),
|
||||
);
|
||||
|
||||
// 전투 시작 (딜레이 후)
|
||||
Future.delayed(const Duration(milliseconds: 500), _startBattle);
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_combatSubscription?.cancel();
|
||||
_challengerFlashController.dispose();
|
||||
_opponentFlashController.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
void _startBattle() {
|
||||
_combatSubscription = _arenaService.simulateCombat(widget.match).listen(
|
||||
(turn) {
|
||||
_processTurn(turn);
|
||||
},
|
||||
onDone: () {
|
||||
_endBattle();
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
void _processTurn(ArenaCombatTurn turn) {
|
||||
final oldChallengerHp = _challengerHp;
|
||||
final oldOpponentHp = _opponentHp;
|
||||
|
||||
setState(() {
|
||||
_currentTurn++;
|
||||
_challengerHp = turn.challengerHp;
|
||||
_opponentHp = turn.opponentHp;
|
||||
|
||||
// 도전자 HP 변화 감지
|
||||
if (oldChallengerHp != _challengerHp) {
|
||||
_challengerHpChange = _challengerHp - oldChallengerHp;
|
||||
_challengerFlashController.forward(from: 0.0);
|
||||
}
|
||||
|
||||
// 상대 HP 변화 감지
|
||||
if (oldOpponentHp != _opponentHp) {
|
||||
_opponentHpChange = _opponentHp - oldOpponentHp;
|
||||
_opponentFlashController.forward(from: 0.0);
|
||||
}
|
||||
|
||||
// 로그 추가
|
||||
if (turn.challengerDamage != null) {
|
||||
final critText = turn.isChallengerCritical ? ' CRITICAL!' : '';
|
||||
final evadeText = turn.isOpponentEvaded ? ' (Evaded)' : '';
|
||||
final blockText = turn.isOpponentBlocked ? ' (Blocked)' : '';
|
||||
_battleLog.add(
|
||||
'${widget.match.challenger.characterName} deals '
|
||||
'${turn.challengerDamage}$critText$evadeText$blockText',
|
||||
);
|
||||
}
|
||||
|
||||
if (turn.opponentDamage != null) {
|
||||
final critText = turn.isOpponentCritical ? ' CRITICAL!' : '';
|
||||
final evadeText = turn.isChallengerEvaded ? ' (Evaded)' : '';
|
||||
final blockText = turn.isChallengerBlocked ? ' (Blocked)' : '';
|
||||
_battleLog.add(
|
||||
'${widget.match.opponent.characterName} deals '
|
||||
'${turn.opponentDamage}$critText$evadeText$blockText',
|
||||
);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
void _endBattle() {
|
||||
// 최종 결과 계산
|
||||
_result = _arenaService.executeCombat(widget.match);
|
||||
|
||||
// 결과 다이얼로그 표시
|
||||
Future.delayed(const Duration(milliseconds: 500), () {
|
||||
if (mounted && _result != null) {
|
||||
showArenaResultDialog(
|
||||
context,
|
||||
result: _result!,
|
||||
onClose: () {
|
||||
widget.onBattleComplete(_result!);
|
||||
},
|
||||
);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
backgroundColor: RetroColors.backgroundOf(context),
|
||||
appBar: AppBar(
|
||||
title: Text(
|
||||
_battleTitle,
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 12,
|
||||
),
|
||||
),
|
||||
centerTitle: true,
|
||||
backgroundColor: RetroColors.panelBgOf(context),
|
||||
automaticallyImplyLeading: false,
|
||||
),
|
||||
body: SafeArea(
|
||||
child: Column(
|
||||
children: [
|
||||
// 턴 표시
|
||||
_buildTurnIndicator(),
|
||||
// HP 바 (레트로 세그먼트 스타일)
|
||||
_buildRetroHpBars(),
|
||||
// ASCII 애니메이션 (중앙) - 기존 AsciiAnimationCard 재사용
|
||||
Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 8),
|
||||
child: SizedBox(
|
||||
height: 120,
|
||||
child: AsciiAnimationCard(
|
||||
taskType: TaskType.kill,
|
||||
raceId: widget.match.challenger.race,
|
||||
shieldName: _hasShield(widget.match.challenger) ? 'shield' : null,
|
||||
opponentRaceId: widget.match.opponent.race,
|
||||
opponentHasShield: _hasShield(widget.match.opponent),
|
||||
),
|
||||
),
|
||||
),
|
||||
// 로그 영역 (남은 공간 채움)
|
||||
Expanded(child: _buildBattleLog()),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// 방패 장착 여부 확인
|
||||
bool _hasShield(HallOfFameEntry entry) {
|
||||
final equipment = entry.finalEquipment;
|
||||
if (equipment == null) return false;
|
||||
return equipment.any((item) => item.slot.name == 'shield');
|
||||
}
|
||||
|
||||
Widget _buildTurnIndicator() {
|
||||
return Container(
|
||||
padding: const EdgeInsets.symmetric(vertical: 8),
|
||||
color: RetroColors.panelBgOf(context).withValues(alpha: 0.5),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Icon(
|
||||
Icons.sports_kabaddi,
|
||||
color: RetroColors.goldOf(context),
|
||||
size: 16,
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
Text(
|
||||
'$_turnLabel $_currentTurn',
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 10,
|
||||
color: RetroColors.goldOf(context),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// 레트로 스타일 HP 바 (좌우 대칭)
|
||||
Widget _buildRetroHpBars() {
|
||||
return Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 6),
|
||||
decoration: BoxDecoration(
|
||||
color: RetroColors.panelBgOf(context),
|
||||
border: Border(
|
||||
bottom: BorderSide(
|
||||
color: RetroColors.borderOf(context),
|
||||
width: 2,
|
||||
),
|
||||
),
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
// 도전자 HP (좌측, 파란색)
|
||||
Expanded(
|
||||
child: _buildRetroHpBar(
|
||||
name: widget.match.challenger.characterName,
|
||||
hp: _challengerHp,
|
||||
hpMax: _challengerHpMax,
|
||||
fillColor: RetroColors.mpBlue,
|
||||
accentColor: Colors.blue,
|
||||
flashAnimation: _challengerFlashAnimation,
|
||||
hpChange: _challengerHpChange,
|
||||
isReversed: false,
|
||||
),
|
||||
),
|
||||
// VS 구분자
|
||||
Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 8),
|
||||
child: Text(
|
||||
'VS',
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 8,
|
||||
color: RetroColors.goldOf(context),
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
),
|
||||
// 상대 HP (우측, 빨간색)
|
||||
Expanded(
|
||||
child: _buildRetroHpBar(
|
||||
name: widget.match.opponent.characterName,
|
||||
hp: _opponentHp,
|
||||
hpMax: _opponentHpMax,
|
||||
fillColor: RetroColors.hpRed,
|
||||
accentColor: Colors.red,
|
||||
flashAnimation: _opponentFlashAnimation,
|
||||
hpChange: _opponentHpChange,
|
||||
isReversed: true,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// 레트로 세그먼트 HP 바
|
||||
Widget _buildRetroHpBar({
|
||||
required String name,
|
||||
required int hp,
|
||||
required int hpMax,
|
||||
required Color fillColor,
|
||||
required Color accentColor,
|
||||
required Animation<double> flashAnimation,
|
||||
required int hpChange,
|
||||
required bool isReversed,
|
||||
}) {
|
||||
final hpRatio = hpMax > 0 ? hp / hpMax : 0.0;
|
||||
final isLow = hpRatio < 0.2 && hpRatio > 0;
|
||||
|
||||
return AnimatedBuilder(
|
||||
animation: flashAnimation,
|
||||
builder: (context, child) {
|
||||
// 플래시 색상 (데미지=빨강)
|
||||
final isDamage = hpChange < 0;
|
||||
final flashColor = isDamage
|
||||
? RetroColors.hpRed.withValues(alpha: flashAnimation.value * 0.4)
|
||||
: RetroColors.expGreen.withValues(alpha: flashAnimation.value * 0.4);
|
||||
|
||||
return Container(
|
||||
padding: const EdgeInsets.all(6),
|
||||
decoration: BoxDecoration(
|
||||
color: flashAnimation.value > 0.1
|
||||
? flashColor
|
||||
: accentColor.withValues(alpha: 0.1),
|
||||
borderRadius: BorderRadius.circular(4),
|
||||
border: Border.all(color: accentColor, width: 2),
|
||||
),
|
||||
child: Stack(
|
||||
clipBehavior: Clip.none,
|
||||
children: [
|
||||
Column(
|
||||
crossAxisAlignment:
|
||||
isReversed ? CrossAxisAlignment.end : CrossAxisAlignment.start,
|
||||
children: [
|
||||
// 이름
|
||||
Text(
|
||||
name,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
color: RetroColors.textPrimaryOf(context),
|
||||
),
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
const SizedBox(height: 4),
|
||||
// HP 세그먼트 바
|
||||
_buildSegmentBar(
|
||||
ratio: hpRatio,
|
||||
fillColor: fillColor,
|
||||
isLow: isLow,
|
||||
isReversed: isReversed,
|
||||
),
|
||||
const SizedBox(height: 2),
|
||||
// HP 수치
|
||||
Row(
|
||||
mainAxisAlignment:
|
||||
isReversed ? MainAxisAlignment.end : MainAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
_hpLabel,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 5,
|
||||
color: accentColor.withValues(alpha: 0.8),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 4),
|
||||
Text(
|
||||
'$hp/$hpMax',
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
color: isLow ? RetroColors.hpRed : fillColor,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
// 플로팅 데미지 텍스트
|
||||
if (hpChange != 0 && flashAnimation.value > 0.05)
|
||||
Positioned(
|
||||
left: isReversed ? null : 0,
|
||||
right: isReversed ? 0 : null,
|
||||
top: -12,
|
||||
child: Transform.translate(
|
||||
offset: Offset(0, -12 * (1 - flashAnimation.value)),
|
||||
child: Opacity(
|
||||
opacity: flashAnimation.value,
|
||||
child: Text(
|
||||
hpChange > 0 ? '+$hpChange' : '$hpChange',
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 8,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: isDamage ? RetroColors.hpRed : RetroColors.expGreen,
|
||||
shadows: const [
|
||||
Shadow(color: Colors.black, blurRadius: 3),
|
||||
Shadow(color: Colors.black, blurRadius: 6),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
/// 세그먼트 바 (8-bit 스타일)
|
||||
Widget _buildSegmentBar({
|
||||
required double ratio,
|
||||
required Color fillColor,
|
||||
required bool isLow,
|
||||
required bool isReversed,
|
||||
}) {
|
||||
const segmentCount = 10;
|
||||
final filledSegments = (ratio.clamp(0.0, 1.0) * segmentCount).round();
|
||||
|
||||
final segments = List.generate(segmentCount, (index) {
|
||||
final isFilled = isReversed
|
||||
? index >= segmentCount - filledSegments
|
||||
: index < filledSegments;
|
||||
|
||||
return Expanded(
|
||||
child: Container(
|
||||
height: 8,
|
||||
decoration: BoxDecoration(
|
||||
color: isFilled
|
||||
? (isLow ? RetroColors.hpRed : fillColor)
|
||||
: fillColor.withValues(alpha: 0.2),
|
||||
border: Border(
|
||||
right: index < segmentCount - 1
|
||||
? BorderSide(
|
||||
color: RetroColors.borderOf(context).withValues(alpha: 0.3),
|
||||
width: 1,
|
||||
)
|
||||
: BorderSide.none,
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
});
|
||||
|
||||
return Container(
|
||||
decoration: BoxDecoration(
|
||||
border: Border.all(
|
||||
color: RetroColors.borderOf(context),
|
||||
width: 1,
|
||||
),
|
||||
),
|
||||
child: Row(
|
||||
children: isReversed ? segments.reversed.toList() : segments,
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildBattleLog() {
|
||||
return Container(
|
||||
margin: const EdgeInsets.all(12),
|
||||
padding: const EdgeInsets.all(8),
|
||||
decoration: BoxDecoration(
|
||||
color: RetroColors.panelBgOf(context),
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
border: Border.all(color: RetroColors.borderOf(context)),
|
||||
),
|
||||
child: ListView.builder(
|
||||
reverse: true,
|
||||
itemCount: _battleLog.length,
|
||||
itemBuilder: (context, index) {
|
||||
final reversedIndex = _battleLog.length - 1 - index;
|
||||
return Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: 2),
|
||||
child: Text(
|
||||
_battleLog[reversedIndex],
|
||||
style: TextStyle(
|
||||
fontFamily: 'JetBrainsMono',
|
||||
fontSize: 7,
|
||||
color: RetroColors.textSecondaryOf(context),
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
168
lib/src/features/arena/arena_screen.dart
Normal file
168
lib/src/features/arena/arena_screen.dart
Normal file
@@ -0,0 +1,168 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import 'package:asciineverdie/src/core/model/hall_of_fame.dart';
|
||||
import 'package:asciineverdie/src/core/storage/hall_of_fame_storage.dart';
|
||||
import 'package:asciineverdie/src/features/arena/arena_setup_screen.dart';
|
||||
import 'package:asciineverdie/src/features/arena/widgets/arena_rank_card.dart';
|
||||
import 'package:asciineverdie/src/shared/retro_colors.dart';
|
||||
import 'package:asciineverdie/src/shared/widgets/retro_panel.dart';
|
||||
|
||||
// 임시 문자열 (추후 l10n으로 이동)
|
||||
const _arenaTitle = 'LOCAL ARENA';
|
||||
const _arenaSubtitle = 'SELECT YOUR FIGHTER';
|
||||
const _arenaEmpty = 'Not enough heroes';
|
||||
const _arenaEmptyHint = 'Clear the game with 2+ characters';
|
||||
|
||||
/// 로컬 아레나 메인 화면
|
||||
///
|
||||
/// 순위표 표시 및 도전하기 버튼
|
||||
class ArenaScreen extends StatefulWidget {
|
||||
const ArenaScreen({super.key});
|
||||
|
||||
@override
|
||||
State<ArenaScreen> createState() => _ArenaScreenState();
|
||||
}
|
||||
|
||||
class _ArenaScreenState extends State<ArenaScreen> {
|
||||
final HallOfFameStorage _storage = HallOfFameStorage();
|
||||
HallOfFame? _hallOfFame;
|
||||
bool _isLoading = true;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_loadHallOfFame();
|
||||
}
|
||||
|
||||
Future<void> _loadHallOfFame() async {
|
||||
final hallOfFame = await _storage.load();
|
||||
|
||||
if (mounted) {
|
||||
setState(() {
|
||||
_hallOfFame = hallOfFame;
|
||||
_isLoading = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/// 캐릭터 선택 시 바로 슬롯 선택 화면으로 이동
|
||||
void _selectChallenger(HallOfFameEntry challenger) {
|
||||
if (_hallOfFame == null || _hallOfFame!.count < 2) return;
|
||||
|
||||
Navigator.of(context).push(
|
||||
MaterialPageRoute<void>(
|
||||
builder: (context) => ArenaSetupScreen(
|
||||
hallOfFame: _hallOfFame!,
|
||||
initialChallenger: challenger,
|
||||
onBattleComplete: _onBattleComplete,
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _onBattleComplete(HallOfFame updatedHallOfFame) {
|
||||
setState(() {
|
||||
_hallOfFame = updatedHallOfFame;
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
backgroundColor: RetroColors.backgroundOf(context),
|
||||
appBar: AppBar(
|
||||
title: Text(
|
||||
_arenaTitle,
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 12,
|
||||
),
|
||||
),
|
||||
centerTitle: true,
|
||||
backgroundColor: RetroColors.panelBgOf(context),
|
||||
),
|
||||
body: SafeArea(
|
||||
child: _isLoading
|
||||
? const Center(child: CircularProgressIndicator())
|
||||
: _buildContent(),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildContent() {
|
||||
final hallOfFame = _hallOfFame;
|
||||
if (hallOfFame == null || hallOfFame.count < 2) {
|
||||
return _buildEmptyState();
|
||||
}
|
||||
|
||||
return Column(
|
||||
children: [
|
||||
// 순위표 (캐릭터 선택)
|
||||
Expanded(child: _buildRankingList(hallOfFame)),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildEmptyState() {
|
||||
return Center(
|
||||
child: RetroPanel(
|
||||
padding: const EdgeInsets.all(24),
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Icon(
|
||||
Icons.sports_kabaddi,
|
||||
size: 64,
|
||||
color: RetroColors.textMutedOf(context),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
Text(
|
||||
_arenaEmpty,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 10,
|
||||
color: RetroColors.textSecondaryOf(context),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 8),
|
||||
Text(
|
||||
_arenaEmptyHint,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
color: RetroColors.textMutedOf(context),
|
||||
),
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildRankingList(HallOfFame hallOfFame) {
|
||||
final rankedEntries = hallOfFame.rankedEntries;
|
||||
|
||||
return Padding(
|
||||
padding: const EdgeInsets.all(12),
|
||||
child: RetroGoldPanel(
|
||||
title: _arenaSubtitle,
|
||||
padding: const EdgeInsets.all(8),
|
||||
child: ListView.builder(
|
||||
itemCount: rankedEntries.length,
|
||||
itemBuilder: (context, index) {
|
||||
final entry = rankedEntries[index];
|
||||
final score = HallOfFameArenaX.calculateArenaScore(entry);
|
||||
return ArenaRankCard(
|
||||
entry: entry,
|
||||
rank: index + 1,
|
||||
score: score,
|
||||
onTap: () => _selectChallenger(entry),
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
}
|
||||
447
lib/src/features/arena/arena_setup_screen.dart
Normal file
447
lib/src/features/arena/arena_setup_screen.dart
Normal file
@@ -0,0 +1,447 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import 'package:asciineverdie/src/core/engine/arena_service.dart';
|
||||
import 'package:asciineverdie/src/core/engine/item_service.dart';
|
||||
import 'package:asciineverdie/src/core/model/arena_match.dart';
|
||||
import 'package:asciineverdie/src/core/model/equipment_item.dart';
|
||||
import 'package:asciineverdie/src/core/model/equipment_slot.dart';
|
||||
import 'package:asciineverdie/src/core/model/hall_of_fame.dart';
|
||||
import 'package:asciineverdie/src/core/storage/hall_of_fame_storage.dart';
|
||||
import 'package:asciineverdie/src/features/arena/arena_battle_screen.dart';
|
||||
import 'package:asciineverdie/src/features/arena/widgets/arena_equipment_compare_list.dart';
|
||||
import 'package:asciineverdie/src/features/arena/widgets/arena_idle_preview.dart';
|
||||
import 'package:asciineverdie/src/features/arena/widgets/arena_rank_card.dart';
|
||||
import 'package:asciineverdie/src/shared/retro_colors.dart';
|
||||
|
||||
// 임시 문자열 (추후 l10n으로 이동)
|
||||
const _setupTitle = 'ARENA SETUP';
|
||||
const _selectCharacter = 'SELECT YOUR FIGHTER';
|
||||
const _startBattleLabel = 'START BATTLE';
|
||||
|
||||
/// 아레나 설정 화면
|
||||
///
|
||||
/// 캐릭터 선택 및 슬롯 선택
|
||||
class ArenaSetupScreen extends StatefulWidget {
|
||||
const ArenaSetupScreen({
|
||||
super.key,
|
||||
required this.hallOfFame,
|
||||
required this.onBattleComplete,
|
||||
this.initialChallenger,
|
||||
});
|
||||
|
||||
/// 명예의 전당
|
||||
final HallOfFame hallOfFame;
|
||||
|
||||
/// 전투 완료 콜백 (업데이트된 명예의 전당 전달)
|
||||
final void Function(HallOfFame) onBattleComplete;
|
||||
|
||||
/// 초기 도전자 (메인 화면에서 선택한 경우)
|
||||
final HallOfFameEntry? initialChallenger;
|
||||
|
||||
@override
|
||||
State<ArenaSetupScreen> createState() => _ArenaSetupScreenState();
|
||||
}
|
||||
|
||||
class _ArenaSetupScreenState extends State<ArenaSetupScreen> {
|
||||
final ArenaService _arenaService = ArenaService();
|
||||
final HallOfFameStorage _storage = HallOfFameStorage();
|
||||
|
||||
/// 현재 단계 (0: 캐릭터 선택, 1: 슬롯 선택)
|
||||
int _step = 0;
|
||||
|
||||
/// 선택된 도전자
|
||||
HallOfFameEntry? _challenger;
|
||||
|
||||
/// 자동 결정된 상대
|
||||
HallOfFameEntry? _opponent;
|
||||
|
||||
/// 선택된 베팅 슬롯
|
||||
EquipmentSlot? _selectedSlot;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
|
||||
// 초기 도전자가 있으면 바로 슬롯 선택 단계로 이동
|
||||
if (widget.initialChallenger != null) {
|
||||
_selectChallenger(widget.initialChallenger!);
|
||||
}
|
||||
}
|
||||
|
||||
void _selectChallenger(HallOfFameEntry entry) {
|
||||
final opponent = _arenaService.findOpponent(widget.hallOfFame, entry.id);
|
||||
|
||||
setState(() {
|
||||
_challenger = entry;
|
||||
_opponent = opponent;
|
||||
_step = 1;
|
||||
});
|
||||
}
|
||||
|
||||
void _startBattle() {
|
||||
if (_challenger == null ||
|
||||
_opponent == null ||
|
||||
_selectedSlot == null) {
|
||||
return;
|
||||
}
|
||||
|
||||
final match = ArenaMatch(
|
||||
challenger: _challenger!,
|
||||
opponent: _opponent!,
|
||||
bettingSlot: _selectedSlot!,
|
||||
);
|
||||
|
||||
final navigator = Navigator.of(context);
|
||||
|
||||
navigator.push(
|
||||
MaterialPageRoute<void>(
|
||||
builder: (ctx) => ArenaBattleScreen(
|
||||
match: match,
|
||||
onBattleComplete: (result) async {
|
||||
// 결과 저장
|
||||
var updatedHallOfFame = widget.hallOfFame
|
||||
.updateEntry(result.updatedChallenger)
|
||||
.updateEntry(result.updatedOpponent);
|
||||
|
||||
await _storage.save(updatedHallOfFame);
|
||||
|
||||
widget.onBattleComplete(updatedHallOfFame);
|
||||
|
||||
// 아레나 화면으로 돌아가기
|
||||
if (mounted) {
|
||||
navigator.popUntil((route) => route.isFirst);
|
||||
}
|
||||
},
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
backgroundColor: RetroColors.backgroundOf(context),
|
||||
appBar: AppBar(
|
||||
title: Text(
|
||||
_setupTitle,
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 12,
|
||||
),
|
||||
),
|
||||
centerTitle: true,
|
||||
backgroundColor: RetroColors.panelBgOf(context),
|
||||
),
|
||||
body: SafeArea(
|
||||
child: _step == 0 ? _buildCharacterSelection() : _buildSlotSelection(),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildCharacterSelection() {
|
||||
final rankedEntries = widget.hallOfFame.rankedEntries;
|
||||
|
||||
return Column(
|
||||
children: [
|
||||
// 헤더
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Text(
|
||||
_selectCharacter,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 10,
|
||||
color: RetroColors.goldOf(context),
|
||||
),
|
||||
),
|
||||
),
|
||||
// 캐릭터 목록
|
||||
Expanded(
|
||||
child: ListView.builder(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 8),
|
||||
itemCount: rankedEntries.length,
|
||||
itemBuilder: (context, index) {
|
||||
final entry = rankedEntries[index];
|
||||
final score = HallOfFameArenaX.calculateArenaScore(entry);
|
||||
return ArenaRankCard(
|
||||
entry: entry,
|
||||
rank: index + 1,
|
||||
score: score,
|
||||
onTap: () => _selectChallenger(entry),
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildSlotSelection() {
|
||||
final recommendedSlot = _calculateRecommendedSlot();
|
||||
|
||||
return Column(
|
||||
children: [
|
||||
// ASCII 캐릭터 미리보기 (좌: 도전자, 우: 상대 반전)
|
||||
ArenaIdlePreview(
|
||||
challengerRaceId: _challenger?.race,
|
||||
opponentRaceId: _opponent?.race,
|
||||
),
|
||||
// 상단 캐릭터 정보 (좌우 대칭)
|
||||
_buildCharacterHeaders(),
|
||||
// 장비 비교 리스트
|
||||
Expanded(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 12),
|
||||
child: ArenaEquipmentCompareList(
|
||||
myEquipment: _challenger?.finalEquipment,
|
||||
enemyEquipment: _opponent?.finalEquipment,
|
||||
selectedSlot: _selectedSlot,
|
||||
recommendedSlot: recommendedSlot,
|
||||
onSlotSelected: (slot) {
|
||||
setState(() => _selectedSlot = slot);
|
||||
},
|
||||
),
|
||||
),
|
||||
),
|
||||
// 하단 버튼
|
||||
_buildStartButton(),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
/// 추천 슬롯 계산 (점수 이득이 가장 큰 슬롯)
|
||||
EquipmentSlot? _calculateRecommendedSlot() {
|
||||
if (_challenger == null || _opponent == null) return null;
|
||||
|
||||
EquipmentSlot? bestSlot;
|
||||
int maxGain = 0;
|
||||
|
||||
for (final slot in EquipmentSlot.values) {
|
||||
final myItem = _findItem(slot, _challenger!.finalEquipment);
|
||||
final enemyItem = _findItem(slot, _opponent!.finalEquipment);
|
||||
|
||||
final myScore =
|
||||
myItem != null ? ItemService.calculateEquipmentScore(myItem) : 0;
|
||||
final enemyScore =
|
||||
enemyItem != null ? ItemService.calculateEquipmentScore(enemyItem) : 0;
|
||||
final gain = enemyScore - myScore;
|
||||
|
||||
if (gain > maxGain) {
|
||||
maxGain = gain;
|
||||
bestSlot = slot;
|
||||
}
|
||||
}
|
||||
|
||||
return bestSlot;
|
||||
}
|
||||
|
||||
/// 장비 찾기 헬퍼
|
||||
EquipmentItem? _findItem(EquipmentSlot slot, List<EquipmentItem>? items) {
|
||||
if (items == null) return null;
|
||||
for (final item in items) {
|
||||
if (item.slot == slot) return item;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
/// 상단 캐릭터 정보 헤더 (좌우 대칭)
|
||||
Widget _buildCharacterHeaders() {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.all(12),
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// 내 캐릭터
|
||||
Expanded(child: _buildChallengerInfo()),
|
||||
const SizedBox(width: 12),
|
||||
// 상대 캐릭터
|
||||
Expanded(child: _buildOpponentInfo()),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// 내 캐릭터 정보 카드
|
||||
Widget _buildChallengerInfo() {
|
||||
if (_challenger == null) return const SizedBox.shrink();
|
||||
|
||||
final score = HallOfFameArenaX.calculateArenaScore(_challenger!);
|
||||
final rank = widget.hallOfFame.getRank(_challenger!.id);
|
||||
|
||||
return Container(
|
||||
padding: const EdgeInsets.all(10),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.blue.withValues(alpha: 0.1),
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
border: Border.all(color: Colors.blue, width: 2),
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
// 순위 배지
|
||||
Container(
|
||||
width: 32,
|
||||
height: 32,
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.blue.withValues(alpha: 0.2),
|
||||
shape: BoxShape.circle,
|
||||
border: Border.all(color: Colors.blue, width: 2),
|
||||
),
|
||||
child: Center(
|
||||
child: Text(
|
||||
'$rank',
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 10,
|
||||
color: Colors.blue,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
// 정보
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
_challenger!.characterName,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
color: RetroColors.textPrimaryOf(context),
|
||||
),
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
const SizedBox(height: 2),
|
||||
Text(
|
||||
'Lv.${_challenger!.level} • $score pt',
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 5,
|
||||
color: RetroColors.textSecondaryOf(context),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// 시작 버튼
|
||||
Widget _buildStartButton() {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.all(12),
|
||||
child: SizedBox(
|
||||
height: 48,
|
||||
child: ElevatedButton(
|
||||
onPressed: _selectedSlot != null ? _startBattle : null,
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: RetroColors.goldOf(context),
|
||||
foregroundColor: RetroColors.backgroundOf(context),
|
||||
disabledBackgroundColor:
|
||||
RetroColors.borderOf(context).withValues(alpha: 0.5),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Icon(
|
||||
Icons.sports_kabaddi,
|
||||
color: _selectedSlot != null
|
||||
? RetroColors.backgroundOf(context)
|
||||
: RetroColors.textMutedOf(context),
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
Text(
|
||||
_startBattleLabel,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 10,
|
||||
color: _selectedSlot != null
|
||||
? RetroColors.backgroundOf(context)
|
||||
: RetroColors.textMutedOf(context),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// 상대 캐릭터 정보 카드 (대칭 스타일)
|
||||
Widget _buildOpponentInfo() {
|
||||
if (_opponent == null) return const SizedBox.shrink();
|
||||
|
||||
final score = HallOfFameArenaX.calculateArenaScore(_opponent!);
|
||||
final rank = widget.hallOfFame.getRank(_opponent!.id);
|
||||
|
||||
return Container(
|
||||
padding: const EdgeInsets.all(10),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.red.withValues(alpha: 0.1),
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
border: Border.all(color: Colors.red, width: 2),
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
// 순위 배지
|
||||
Container(
|
||||
width: 32,
|
||||
height: 32,
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.red.withValues(alpha: 0.2),
|
||||
shape: BoxShape.circle,
|
||||
border: Border.all(color: Colors.red, width: 2),
|
||||
),
|
||||
child: Center(
|
||||
child: Text(
|
||||
'$rank',
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 10,
|
||||
color: Colors.red,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
// 정보
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
_opponent!.characterName,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
color: RetroColors.textPrimaryOf(context),
|
||||
),
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
const SizedBox(height: 2),
|
||||
Text(
|
||||
'Lv.${_opponent!.level} • $score pt',
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 5,
|
||||
color: RetroColors.textSecondaryOf(context),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
548
lib/src/features/arena/widgets/arena_equipment_compare_list.dart
Normal file
548
lib/src/features/arena/widgets/arena_equipment_compare_list.dart
Normal file
@@ -0,0 +1,548 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import 'package:asciineverdie/src/core/engine/item_service.dart';
|
||||
import 'package:asciineverdie/src/core/model/equipment_item.dart';
|
||||
import 'package:asciineverdie/src/core/model/equipment_slot.dart';
|
||||
import 'package:asciineverdie/src/core/model/item_stats.dart';
|
||||
import 'package:asciineverdie/src/shared/retro_colors.dart';
|
||||
|
||||
// 임시 문자열 (추후 l10n으로 이동)
|
||||
const _myEquipmentTitle = 'MY EQUIPMENT';
|
||||
const _enemyEquipmentTitle = 'ENEMY EQUIPMENT';
|
||||
const _selectSlotLabel = 'SELECT';
|
||||
const _recommendedLabel = 'BEST';
|
||||
|
||||
/// 좌우 대칭 장비 비교 리스트
|
||||
///
|
||||
/// 내 장비와 상대 장비를 나란히 표시하고,
|
||||
/// 선택 시 인라인으로 비교 정보를 확장
|
||||
class ArenaEquipmentCompareList extends StatefulWidget {
|
||||
const ArenaEquipmentCompareList({
|
||||
super.key,
|
||||
required this.myEquipment,
|
||||
required this.enemyEquipment,
|
||||
required this.selectedSlot,
|
||||
required this.onSlotSelected,
|
||||
this.recommendedSlot,
|
||||
});
|
||||
|
||||
/// 내 장비 목록
|
||||
final List<EquipmentItem>? myEquipment;
|
||||
|
||||
/// 상대 장비 목록
|
||||
final List<EquipmentItem>? enemyEquipment;
|
||||
|
||||
/// 현재 선택된 슬롯
|
||||
final EquipmentSlot? selectedSlot;
|
||||
|
||||
/// 슬롯 선택 콜백
|
||||
final ValueChanged<EquipmentSlot> onSlotSelected;
|
||||
|
||||
/// 추천 슬롯 (점수 이득이 가장 큰 슬롯)
|
||||
final EquipmentSlot? recommendedSlot;
|
||||
|
||||
@override
|
||||
State<ArenaEquipmentCompareList> createState() =>
|
||||
_ArenaEquipmentCompareListState();
|
||||
}
|
||||
|
||||
class _ArenaEquipmentCompareListState extends State<ArenaEquipmentCompareList> {
|
||||
/// 현재 확장된 슬롯 (탭하여 비교 중인 슬롯)
|
||||
EquipmentSlot? _expandedSlot;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Column(
|
||||
children: [
|
||||
// 헤더 (좌우 타이틀)
|
||||
_buildHeader(context),
|
||||
const SizedBox(height: 8),
|
||||
// 장비 리스트
|
||||
Expanded(
|
||||
child: ListView.builder(
|
||||
itemCount: EquipmentSlot.values.length,
|
||||
itemBuilder: (context, index) {
|
||||
final slot = EquipmentSlot.values[index];
|
||||
return _buildSlotRow(context, slot);
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildHeader(BuildContext context) {
|
||||
return Row(
|
||||
children: [
|
||||
// 내 장비 타이틀
|
||||
Expanded(
|
||||
child: Container(
|
||||
padding: const EdgeInsets.symmetric(vertical: 6, horizontal: 8),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.blue.withValues(alpha: 0.1),
|
||||
borderRadius: BorderRadius.circular(4),
|
||||
border: Border.all(color: Colors.blue.withValues(alpha: 0.3)),
|
||||
),
|
||||
child: Text(
|
||||
_myEquipmentTitle,
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
color: Colors.blue,
|
||||
),
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
// 상대 장비 타이틀
|
||||
Expanded(
|
||||
child: Container(
|
||||
padding: const EdgeInsets.symmetric(vertical: 6, horizontal: 8),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.red.withValues(alpha: 0.1),
|
||||
borderRadius: BorderRadius.circular(4),
|
||||
border: Border.all(color: Colors.red.withValues(alpha: 0.3)),
|
||||
),
|
||||
child: Text(
|
||||
_enemyEquipmentTitle,
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
color: Colors.red,
|
||||
),
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildSlotRow(BuildContext context, EquipmentSlot slot) {
|
||||
final myItem = _findItem(slot, widget.myEquipment);
|
||||
final enemyItem = _findItem(slot, widget.enemyEquipment);
|
||||
final isExpanded = _expandedSlot == slot;
|
||||
final isSelected = widget.selectedSlot == slot;
|
||||
final isRecommended = widget.recommendedSlot == slot;
|
||||
|
||||
final myScore =
|
||||
myItem != null ? ItemService.calculateEquipmentScore(myItem) : 0;
|
||||
final enemyScore =
|
||||
enemyItem != null ? ItemService.calculateEquipmentScore(enemyItem) : 0;
|
||||
final scoreDiff = enemyScore - myScore;
|
||||
|
||||
return Column(
|
||||
children: [
|
||||
// 슬롯 행 (좌우 대칭)
|
||||
GestureDetector(
|
||||
onTap: () {
|
||||
setState(() {
|
||||
_expandedSlot = isExpanded ? null : slot;
|
||||
});
|
||||
},
|
||||
child: Container(
|
||||
padding: const EdgeInsets.symmetric(vertical: 6, horizontal: 4),
|
||||
decoration: BoxDecoration(
|
||||
color: isSelected
|
||||
? RetroColors.goldOf(context).withValues(alpha: 0.2)
|
||||
: isRecommended
|
||||
? Colors.green.withValues(alpha: 0.1)
|
||||
: isExpanded
|
||||
? RetroColors.panelBgOf(context)
|
||||
: Colors.transparent,
|
||||
border: Border(
|
||||
bottom: BorderSide(
|
||||
color: RetroColors.borderOf(context).withValues(alpha: 0.3),
|
||||
),
|
||||
),
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
// 내 장비
|
||||
Expanded(child: _buildEquipmentCell(context, myItem, myScore, Colors.blue)),
|
||||
// 슬롯 아이콘 (중앙)
|
||||
_buildSlotIndicator(context, slot, isSelected, isRecommended, scoreDiff),
|
||||
// 상대 장비
|
||||
Expanded(child: _buildEquipmentCell(context, enemyItem, enemyScore, Colors.red)),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
// 확장된 비교 패널
|
||||
if (isExpanded)
|
||||
_buildExpandedPanel(context, slot, myItem, enemyItem, scoreDiff),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
/// 장비 셀 (한쪽)
|
||||
Widget _buildEquipmentCell(
|
||||
BuildContext context,
|
||||
EquipmentItem? item,
|
||||
int score,
|
||||
Color accentColor,
|
||||
) {
|
||||
final hasItem = item != null && item.isNotEmpty;
|
||||
final rarityColor = hasItem ? _getRarityColor(item.rarity) : Colors.grey;
|
||||
|
||||
return Row(
|
||||
children: [
|
||||
// 아이템 이름
|
||||
Expanded(
|
||||
child: Text(
|
||||
hasItem ? item.name : '-',
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 5,
|
||||
color: hasItem ? rarityColor : RetroColors.textMutedOf(context),
|
||||
),
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
),
|
||||
// 점수
|
||||
Text(
|
||||
'$score',
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 5,
|
||||
color: hasItem
|
||||
? RetroColors.textSecondaryOf(context)
|
||||
: RetroColors.textMutedOf(context),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
/// 슬롯 인디케이터 (중앙)
|
||||
Widget _buildSlotIndicator(
|
||||
BuildContext context,
|
||||
EquipmentSlot slot,
|
||||
bool isSelected,
|
||||
bool isRecommended,
|
||||
int scoreDiff,
|
||||
) {
|
||||
final Color borderColor;
|
||||
final Color bgColor;
|
||||
|
||||
if (isSelected) {
|
||||
borderColor = RetroColors.goldOf(context);
|
||||
bgColor = RetroColors.goldOf(context).withValues(alpha: 0.3);
|
||||
} else if (isRecommended) {
|
||||
borderColor = Colors.green;
|
||||
bgColor = Colors.green.withValues(alpha: 0.2);
|
||||
} else {
|
||||
borderColor = RetroColors.borderOf(context);
|
||||
bgColor = RetroColors.panelBgOf(context);
|
||||
}
|
||||
|
||||
return Container(
|
||||
width: 56,
|
||||
margin: const EdgeInsets.symmetric(horizontal: 4),
|
||||
padding: const EdgeInsets.symmetric(vertical: 4, horizontal: 2),
|
||||
decoration: BoxDecoration(
|
||||
color: bgColor,
|
||||
borderRadius: BorderRadius.circular(4),
|
||||
border: Border.all(color: borderColor, width: isSelected ? 2 : 1),
|
||||
),
|
||||
child: Column(
|
||||
children: [
|
||||
// 슬롯 아이콘
|
||||
Icon(
|
||||
_getSlotIcon(slot),
|
||||
size: 12,
|
||||
color: isSelected
|
||||
? RetroColors.goldOf(context)
|
||||
: RetroColors.textSecondaryOf(context),
|
||||
),
|
||||
const SizedBox(height: 2),
|
||||
// 점수 변화
|
||||
_buildScoreDiffBadge(context, scoreDiff, isRecommended),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// 점수 변화 뱃지
|
||||
Widget _buildScoreDiffBadge(
|
||||
BuildContext context,
|
||||
int scoreDiff,
|
||||
bool isRecommended,
|
||||
) {
|
||||
final Color diffColor;
|
||||
final String diffText;
|
||||
|
||||
if (scoreDiff > 0) {
|
||||
diffColor = Colors.green;
|
||||
diffText = '+$scoreDiff';
|
||||
} else if (scoreDiff < 0) {
|
||||
diffColor = Colors.red;
|
||||
diffText = '$scoreDiff';
|
||||
} else {
|
||||
diffColor = RetroColors.textMutedOf(context);
|
||||
diffText = '±0';
|
||||
}
|
||||
|
||||
return Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
if (isRecommended) ...[
|
||||
Text(
|
||||
_recommendedLabel,
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 4,
|
||||
color: Colors.green,
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 2),
|
||||
],
|
||||
Text(
|
||||
diffText,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 5,
|
||||
color: diffColor,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
/// 확장된 비교 패널
|
||||
Widget _buildExpandedPanel(
|
||||
BuildContext context,
|
||||
EquipmentSlot slot,
|
||||
EquipmentItem? myItem,
|
||||
EquipmentItem? enemyItem,
|
||||
int scoreDiff,
|
||||
) {
|
||||
final Color resultColor;
|
||||
final String resultText;
|
||||
final IconData resultIcon;
|
||||
|
||||
if (scoreDiff > 0) {
|
||||
resultColor = Colors.green;
|
||||
resultText = 'You will GAIN +$scoreDiff';
|
||||
resultIcon = Icons.arrow_upward;
|
||||
} else if (scoreDiff < 0) {
|
||||
resultColor = Colors.red;
|
||||
resultText = 'You will LOSE $scoreDiff';
|
||||
resultIcon = Icons.arrow_downward;
|
||||
} else {
|
||||
resultColor = RetroColors.textMutedOf(context);
|
||||
resultText = 'Even trade';
|
||||
resultIcon = Icons.swap_horiz;
|
||||
}
|
||||
|
||||
return Container(
|
||||
margin: const EdgeInsets.only(bottom: 8),
|
||||
padding: const EdgeInsets.all(10),
|
||||
decoration: BoxDecoration(
|
||||
color: resultColor.withValues(alpha: 0.1),
|
||||
borderRadius: BorderRadius.circular(6),
|
||||
border: Border.all(color: resultColor.withValues(alpha: 0.5)),
|
||||
),
|
||||
child: Column(
|
||||
children: [
|
||||
// 상세 비교 (좌우)
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// 내 아이템 상세
|
||||
Expanded(child: _buildItemDetail(context, myItem, Colors.blue)),
|
||||
// VS 아이콘
|
||||
Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 8),
|
||||
child: Icon(
|
||||
Icons.swap_horiz,
|
||||
color: RetroColors.textMutedOf(context),
|
||||
size: 20,
|
||||
),
|
||||
),
|
||||
// 상대 아이템 상세
|
||||
Expanded(child: _buildItemDetail(context, enemyItem, Colors.red)),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 10),
|
||||
// 교환 결과
|
||||
Container(
|
||||
padding: const EdgeInsets.symmetric(vertical: 6, horizontal: 12),
|
||||
decoration: BoxDecoration(
|
||||
color: resultColor.withValues(alpha: 0.15),
|
||||
borderRadius: BorderRadius.circular(4),
|
||||
),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Icon(resultIcon, color: resultColor, size: 14),
|
||||
const SizedBox(width: 6),
|
||||
Text(
|
||||
resultText,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
color: resultColor,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 10),
|
||||
// 선택 버튼
|
||||
SizedBox(
|
||||
width: double.infinity,
|
||||
child: ElevatedButton(
|
||||
onPressed: () {
|
||||
widget.onSlotSelected(slot);
|
||||
setState(() => _expandedSlot = null);
|
||||
},
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: RetroColors.goldOf(context),
|
||||
foregroundColor: RetroColors.backgroundOf(context),
|
||||
padding: const EdgeInsets.symmetric(vertical: 8),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(4),
|
||||
),
|
||||
),
|
||||
child: Text(
|
||||
_selectSlotLabel,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
color: RetroColors.backgroundOf(context),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// 아이템 상세 정보
|
||||
Widget _buildItemDetail(
|
||||
BuildContext context,
|
||||
EquipmentItem? item,
|
||||
Color accentColor,
|
||||
) {
|
||||
final hasItem = item != null && item.isNotEmpty;
|
||||
final rarityColor = hasItem ? _getRarityColor(item.rarity) : Colors.grey;
|
||||
final score = hasItem ? ItemService.calculateEquipmentScore(item) : 0;
|
||||
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// 아이템 이름
|
||||
Text(
|
||||
hasItem ? item.name : '(Empty)',
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
color: hasItem ? rarityColor : RetroColors.textMutedOf(context),
|
||||
),
|
||||
maxLines: 2,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
const SizedBox(height: 4),
|
||||
// 점수
|
||||
Text(
|
||||
'Score: $score',
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 5,
|
||||
color: RetroColors.textSecondaryOf(context),
|
||||
),
|
||||
),
|
||||
// 스탯
|
||||
if (hasItem) ...[
|
||||
const SizedBox(height: 4),
|
||||
_buildItemStats(context, item),
|
||||
],
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
/// 아이템 스탯 표시
|
||||
Widget _buildItemStats(BuildContext context, EquipmentItem item) {
|
||||
final stats = item.stats;
|
||||
final statWidgets = <Widget>[];
|
||||
|
||||
if (stats.atk > 0) {
|
||||
statWidgets.add(_buildStatChip('ATK', stats.atk, Colors.red));
|
||||
}
|
||||
if (stats.def > 0) {
|
||||
statWidgets.add(_buildStatChip('DEF', stats.def, Colors.blue));
|
||||
}
|
||||
if (stats.hpBonus > 0) {
|
||||
statWidgets.add(_buildStatChip('HP', stats.hpBonus, Colors.green));
|
||||
}
|
||||
if (stats.mpBonus > 0) {
|
||||
statWidgets.add(_buildStatChip('MP', stats.mpBonus, Colors.purple));
|
||||
}
|
||||
|
||||
if (statWidgets.isEmpty) return const SizedBox.shrink();
|
||||
|
||||
return Wrap(
|
||||
spacing: 3,
|
||||
runSpacing: 3,
|
||||
children: statWidgets,
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildStatChip(String label, int value, Color color) {
|
||||
return Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 3, vertical: 1),
|
||||
decoration: BoxDecoration(
|
||||
color: color.withValues(alpha: 0.15),
|
||||
borderRadius: BorderRadius.circular(2),
|
||||
),
|
||||
child: Text(
|
||||
'$label +$value',
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 4,
|
||||
color: color,
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
EquipmentItem? _findItem(EquipmentSlot slot, List<EquipmentItem>? items) {
|
||||
if (items == null) return null;
|
||||
for (final item in items) {
|
||||
if (item.slot == slot) return item;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
IconData _getSlotIcon(EquipmentSlot slot) {
|
||||
return switch (slot) {
|
||||
EquipmentSlot.weapon => Icons.gavel,
|
||||
EquipmentSlot.shield => Icons.shield,
|
||||
EquipmentSlot.helm => Icons.sports_mma,
|
||||
EquipmentSlot.hauberk => Icons.checkroom,
|
||||
EquipmentSlot.brassairts => Icons.front_hand,
|
||||
EquipmentSlot.vambraces => Icons.back_hand,
|
||||
EquipmentSlot.gauntlets => Icons.sports_handball,
|
||||
EquipmentSlot.gambeson => Icons.dry_cleaning,
|
||||
EquipmentSlot.cuisses => Icons.airline_seat_legroom_normal,
|
||||
EquipmentSlot.greaves => Icons.snowshoeing,
|
||||
EquipmentSlot.sollerets => Icons.do_not_step,
|
||||
};
|
||||
}
|
||||
|
||||
Color _getRarityColor(ItemRarity rarity) {
|
||||
return switch (rarity) {
|
||||
ItemRarity.common => Colors.grey.shade600,
|
||||
ItemRarity.uncommon => Colors.green.shade600,
|
||||
ItemRarity.rare => Colors.blue.shade600,
|
||||
ItemRarity.epic => Colors.purple.shade600,
|
||||
ItemRarity.legendary => Colors.orange.shade700,
|
||||
};
|
||||
}
|
||||
}
|
||||
181
lib/src/features/arena/widgets/arena_idle_preview.dart
Normal file
181
lib/src/features/arena/widgets/arena_idle_preview.dart
Normal file
@@ -0,0 +1,181 @@
|
||||
import 'dart:async';
|
||||
|
||||
import 'package:asciineverdie/src/core/animation/canvas/ascii_cell.dart';
|
||||
import 'package:asciineverdie/src/core/animation/canvas/ascii_canvas_widget.dart';
|
||||
import 'package:asciineverdie/src/core/animation/canvas/ascii_layer.dart';
|
||||
import 'package:asciineverdie/src/core/animation/character_frames.dart';
|
||||
import 'package:asciineverdie/src/core/animation/race_character_frames.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
/// 아레나 idle 상태 캐릭터 미리보기 위젯
|
||||
///
|
||||
/// 좌측에 도전자, 우측에 상대(좌우 반전)를 idle 상태로 표시
|
||||
class ArenaIdlePreview extends StatefulWidget {
|
||||
const ArenaIdlePreview({
|
||||
super.key,
|
||||
required this.challengerRaceId,
|
||||
required this.opponentRaceId,
|
||||
});
|
||||
|
||||
/// 도전자 종족 ID
|
||||
final String? challengerRaceId;
|
||||
|
||||
/// 상대 종족 ID
|
||||
final String? opponentRaceId;
|
||||
|
||||
@override
|
||||
State<ArenaIdlePreview> createState() => _ArenaIdlePreviewState();
|
||||
}
|
||||
|
||||
class _ArenaIdlePreviewState extends State<ArenaIdlePreview> {
|
||||
/// 현재 idle 프레임 인덱스 (0~3)
|
||||
int _frameIndex = 0;
|
||||
|
||||
/// 애니메이션 타이머
|
||||
Timer? _timer;
|
||||
|
||||
/// 레이어 버전 (변경 감지용)
|
||||
int _layerVersion = 0;
|
||||
|
||||
/// 캔버스 크기
|
||||
static const int _gridWidth = 32;
|
||||
static const int _gridHeight = 5;
|
||||
|
||||
/// 캐릭터 위치
|
||||
static const int _leftCharX = 4;
|
||||
static const int _rightCharX = 22;
|
||||
static const int _charY = 1; // 상단 여백
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_startAnimation();
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_timer?.cancel();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
void _startAnimation() {
|
||||
// 200ms마다 프레임 업데이트 (원본 틱 속도)
|
||||
_timer = Timer.periodic(const Duration(milliseconds: 200), (_) {
|
||||
setState(() {
|
||||
_frameIndex = (_frameIndex + 1) % 4;
|
||||
_layerVersion++;
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final layers = _composeLayers();
|
||||
|
||||
return SizedBox(
|
||||
height: 60,
|
||||
child: AsciiCanvasWidget(
|
||||
layers: layers,
|
||||
gridWidth: _gridWidth,
|
||||
gridHeight: _gridHeight,
|
||||
backgroundOpacity: 0.3,
|
||||
isAnimating: true,
|
||||
layerVersion: _layerVersion,
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// 레이어 합성
|
||||
List<AsciiLayer> _composeLayers() {
|
||||
final layers = <AsciiLayer>[];
|
||||
|
||||
// 도전자 캐릭터 (좌측, 정방향)
|
||||
final challengerLayer = _createCharacterLayer(
|
||||
widget.challengerRaceId,
|
||||
_leftCharX,
|
||||
mirrored: false,
|
||||
);
|
||||
layers.add(challengerLayer);
|
||||
|
||||
// 상대 캐릭터 (우측, 좌우 반전)
|
||||
final opponentLayer = _createCharacterLayer(
|
||||
widget.opponentRaceId,
|
||||
_rightCharX,
|
||||
mirrored: true,
|
||||
);
|
||||
layers.add(opponentLayer);
|
||||
|
||||
return layers;
|
||||
}
|
||||
|
||||
/// 캐릭터 레이어 생성
|
||||
AsciiLayer _createCharacterLayer(
|
||||
String? raceId,
|
||||
int xOffset, {
|
||||
required bool mirrored,
|
||||
}) {
|
||||
// 종족별 idle 프레임 조회
|
||||
CharacterFrame frame;
|
||||
if (raceId != null && raceId.isNotEmpty) {
|
||||
final raceData = RaceCharacterFrames.get(raceId);
|
||||
if (raceData != null) {
|
||||
frame = raceData.idle[_frameIndex % raceData.idle.length];
|
||||
} else {
|
||||
frame = getCharacterFrame(BattlePhase.idle, _frameIndex);
|
||||
}
|
||||
} else {
|
||||
frame = getCharacterFrame(BattlePhase.idle, _frameIndex);
|
||||
}
|
||||
|
||||
// 미러링 적용
|
||||
final lines = mirrored ? _mirrorLines(frame.lines) : frame.lines;
|
||||
|
||||
// 셀 변환
|
||||
final cells = _spriteToCells(lines);
|
||||
|
||||
return AsciiLayer(
|
||||
cells: cells,
|
||||
zIndex: 1,
|
||||
offsetX: xOffset,
|
||||
offsetY: _charY,
|
||||
);
|
||||
}
|
||||
|
||||
/// 문자열 좌우 반전
|
||||
List<String> _mirrorLines(List<String> lines) {
|
||||
return lines.map((line) {
|
||||
final chars = line.split('');
|
||||
final mirrored = chars.reversed.map(_mirrorChar).toList();
|
||||
return mirrored.join();
|
||||
}).toList();
|
||||
}
|
||||
|
||||
/// 개별 문자 미러링 (방향성 문자 변환)
|
||||
String _mirrorChar(String char) {
|
||||
return switch (char) {
|
||||
'/' => r'\',
|
||||
r'\' => '/',
|
||||
'(' => ')',
|
||||
')' => '(',
|
||||
'[' => ']',
|
||||
']' => '[',
|
||||
'{' => '}',
|
||||
'}' => '{',
|
||||
'<' => '>',
|
||||
'>' => '<',
|
||||
'┘' => '└',
|
||||
'└' => '┘',
|
||||
'┐' => '┌',
|
||||
'┌' => '┐',
|
||||
'λ' => 'λ', // 대칭
|
||||
_ => char,
|
||||
};
|
||||
}
|
||||
|
||||
/// 문자열 스프라이트를 AsciiCell 2D 배열로 변환
|
||||
List<List<AsciiCell>> _spriteToCells(List<String> lines) {
|
||||
return lines.map((line) {
|
||||
return line.split('').map(AsciiCell.fromChar).toList();
|
||||
}).toList();
|
||||
}
|
||||
}
|
||||
208
lib/src/features/arena/widgets/arena_rank_card.dart
Normal file
208
lib/src/features/arena/widgets/arena_rank_card.dart
Normal file
@@ -0,0 +1,208 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import 'package:asciineverdie/src/core/l10n/game_data_l10n.dart';
|
||||
import 'package:asciineverdie/src/core/model/hall_of_fame.dart';
|
||||
import 'package:asciineverdie/src/shared/retro_colors.dart';
|
||||
|
||||
/// 아레나 순위 카드 위젯
|
||||
///
|
||||
/// 명예의 전당 캐릭터를 순위와 함께 표시
|
||||
class ArenaRankCard extends StatelessWidget {
|
||||
const ArenaRankCard({
|
||||
super.key,
|
||||
required this.entry,
|
||||
required this.rank,
|
||||
required this.score,
|
||||
this.isSelected = false,
|
||||
this.isHighlighted = false,
|
||||
this.compact = false,
|
||||
this.onTap,
|
||||
});
|
||||
|
||||
/// 캐릭터 엔트리
|
||||
final HallOfFameEntry entry;
|
||||
|
||||
/// 순위 (1-based)
|
||||
final int rank;
|
||||
|
||||
/// 아레나 점수
|
||||
final int score;
|
||||
|
||||
/// 선택 상태 (상대로 선택됨)
|
||||
final bool isSelected;
|
||||
|
||||
/// 하이라이트 상태 (내 캐릭터 표시)
|
||||
final bool isHighlighted;
|
||||
|
||||
/// 컴팩트 모드 (작은 사이즈)
|
||||
final bool compact;
|
||||
|
||||
/// 탭 콜백
|
||||
final VoidCallback? onTap;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final rankColor = _getRankColor(rank);
|
||||
final rankIcon = _getRankIcon(rank);
|
||||
|
||||
// 배경색 결정
|
||||
Color bgColor;
|
||||
Color borderColor;
|
||||
if (isSelected) {
|
||||
bgColor = Colors.red.withValues(alpha: 0.15);
|
||||
borderColor = Colors.red;
|
||||
} else if (isHighlighted) {
|
||||
bgColor = Colors.blue.withValues(alpha: 0.15);
|
||||
borderColor = Colors.blue;
|
||||
} else {
|
||||
bgColor = RetroColors.panelBgOf(context);
|
||||
borderColor = RetroColors.borderOf(context);
|
||||
}
|
||||
|
||||
return Card(
|
||||
margin: EdgeInsets.symmetric(
|
||||
vertical: compact ? 2 : 4,
|
||||
horizontal: compact ? 0 : 8,
|
||||
),
|
||||
color: bgColor,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(compact ? 6 : 8),
|
||||
side: BorderSide(
|
||||
color: borderColor,
|
||||
width: (isSelected || isHighlighted) ? 2 : 1,
|
||||
),
|
||||
),
|
||||
child: InkWell(
|
||||
onTap: onTap,
|
||||
borderRadius: BorderRadius.circular(compact ? 6 : 8),
|
||||
child: Padding(
|
||||
padding: EdgeInsets.all(compact ? 8 : 12),
|
||||
child: Row(
|
||||
children: [
|
||||
// 순위 배지
|
||||
_buildRankBadge(rankColor, rankIcon),
|
||||
SizedBox(width: compact ? 8 : 12),
|
||||
// 캐릭터 정보
|
||||
Expanded(child: _buildCharacterInfo(context)),
|
||||
// 점수
|
||||
if (!compact) _buildScoreColumn(context),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildRankBadge(Color color, IconData? icon) {
|
||||
final size = compact ? 24.0 : 36.0;
|
||||
final iconSize = compact ? 12.0 : 18.0;
|
||||
final fontSize = compact ? 7.0 : 10.0;
|
||||
|
||||
return Container(
|
||||
width: size,
|
||||
height: size,
|
||||
decoration: BoxDecoration(
|
||||
color: color.withValues(alpha: 0.2),
|
||||
shape: BoxShape.circle,
|
||||
border: Border.all(color: color, width: compact ? 1.5 : 2),
|
||||
),
|
||||
child: Center(
|
||||
child: icon != null
|
||||
? Icon(icon, color: color, size: iconSize)
|
||||
: Text(
|
||||
'$rank',
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: fontSize,
|
||||
color: color,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildCharacterInfo(BuildContext context) {
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// 이름
|
||||
Text(
|
||||
entry.characterName,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: compact ? 6 : 9,
|
||||
color: RetroColors.textPrimaryOf(context),
|
||||
),
|
||||
overflow: TextOverflow.ellipsis,
|
||||
maxLines: 1,
|
||||
),
|
||||
SizedBox(height: compact ? 2 : 4),
|
||||
// 종족/클래스 + 레벨
|
||||
Text(
|
||||
compact
|
||||
? 'Lv.${entry.level}'
|
||||
: '${GameDataL10n.getRaceName(context, entry.race)} '
|
||||
'${GameDataL10n.getKlassName(context, entry.klass)} '
|
||||
'Lv.${entry.level}',
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: compact ? 5 : 7,
|
||||
color: RetroColors.textSecondaryOf(context),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildScoreColumn(BuildContext context) {
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.end,
|
||||
children: [
|
||||
Text(
|
||||
'$score',
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 10,
|
||||
color: RetroColors.goldOf(context),
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
Text(
|
||||
'SCORE',
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
color: RetroColors.textMutedOf(context),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Color _getRankColor(int rank) {
|
||||
switch (rank) {
|
||||
case 1:
|
||||
return Colors.amber.shade700;
|
||||
case 2:
|
||||
return Colors.grey.shade500;
|
||||
case 3:
|
||||
return Colors.brown.shade400;
|
||||
default:
|
||||
return Colors.blue.shade400;
|
||||
}
|
||||
}
|
||||
|
||||
IconData? _getRankIcon(int rank) {
|
||||
switch (rank) {
|
||||
case 1:
|
||||
return Icons.emoji_events;
|
||||
case 2:
|
||||
return Icons.workspace_premium;
|
||||
case 3:
|
||||
return Icons.military_tech;
|
||||
default:
|
||||
return null;
|
||||
}
|
||||
}
|
||||
}
|
||||
437
lib/src/features/arena/widgets/arena_result_dialog.dart
Normal file
437
lib/src/features/arena/widgets/arena_result_dialog.dart
Normal file
@@ -0,0 +1,437 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import 'package:asciineverdie/data/game_text_l10n.dart' as l10n;
|
||||
import 'package:asciineverdie/src/core/engine/item_service.dart';
|
||||
import 'package:asciineverdie/src/core/model/arena_match.dart';
|
||||
import 'package:asciineverdie/src/core/model/equipment_item.dart';
|
||||
import 'package:asciineverdie/src/core/model/equipment_slot.dart';
|
||||
import 'package:asciineverdie/src/core/model/item_stats.dart';
|
||||
import 'package:asciineverdie/src/shared/retro_colors.dart';
|
||||
|
||||
// 아레나 관련 임시 문자열 (추후 l10n으로 이동)
|
||||
const _arenaVictory = 'VICTORY!';
|
||||
const _arenaDefeat = 'DEFEAT...';
|
||||
const _arenaExchange = 'EQUIPMENT EXCHANGE';
|
||||
|
||||
/// 아레나 결과 다이얼로그
|
||||
///
|
||||
/// 전투 승패 및 장비 교환 결과 표시
|
||||
class ArenaResultDialog extends StatelessWidget {
|
||||
const ArenaResultDialog({
|
||||
super.key,
|
||||
required this.result,
|
||||
required this.onClose,
|
||||
});
|
||||
|
||||
/// 대전 결과
|
||||
final ArenaMatchResult result;
|
||||
|
||||
/// 닫기 콜백
|
||||
final VoidCallback onClose;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final isVictory = result.isVictory;
|
||||
final resultColor = isVictory ? Colors.amber : Colors.red;
|
||||
final slot = result.match.bettingSlot;
|
||||
|
||||
return AlertDialog(
|
||||
backgroundColor: RetroColors.panelBgOf(context),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
side: BorderSide(color: resultColor, width: 2),
|
||||
),
|
||||
title: _buildTitle(context, isVictory, resultColor),
|
||||
content: ConstrainedBox(
|
||||
constraints: const BoxConstraints(maxWidth: 350),
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
// 전투 정보
|
||||
_buildBattleInfo(context),
|
||||
const SizedBox(height: 16),
|
||||
const Divider(),
|
||||
const SizedBox(height: 16),
|
||||
// 장비 교환 결과
|
||||
_buildExchangeResult(context, slot),
|
||||
],
|
||||
),
|
||||
),
|
||||
actions: [
|
||||
FilledButton(
|
||||
onPressed: onClose,
|
||||
style: FilledButton.styleFrom(
|
||||
backgroundColor: resultColor,
|
||||
),
|
||||
child: Text(
|
||||
l10n.buttonConfirm,
|
||||
style: const TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 8,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildTitle(BuildContext context, bool isVictory, Color color) {
|
||||
return Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Icon(
|
||||
isVictory ? Icons.emoji_events : Icons.sentiment_very_dissatisfied,
|
||||
color: color,
|
||||
size: 28,
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
Text(
|
||||
isVictory ? _arenaVictory : _arenaDefeat,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 12,
|
||||
color: color,
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
Icon(
|
||||
isVictory ? Icons.emoji_events : Icons.sentiment_very_dissatisfied,
|
||||
color: color,
|
||||
size: 28,
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildBattleInfo(BuildContext context) {
|
||||
return Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||
children: [
|
||||
// 도전자 정보
|
||||
_buildFighterInfo(
|
||||
context,
|
||||
result.match.challenger.characterName,
|
||||
result.isVictory,
|
||||
),
|
||||
// VS
|
||||
Text(
|
||||
'VS',
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 10,
|
||||
color: RetroColors.textMutedOf(context),
|
||||
),
|
||||
),
|
||||
// 상대 정보
|
||||
_buildFighterInfo(
|
||||
context,
|
||||
result.match.opponent.characterName,
|
||||
!result.isVictory,
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildFighterInfo(BuildContext context, String name, bool isWinner) {
|
||||
return Column(
|
||||
children: [
|
||||
Icon(
|
||||
isWinner ? Icons.emoji_events : Icons.close,
|
||||
color: isWinner ? Colors.amber : Colors.grey,
|
||||
size: 24,
|
||||
),
|
||||
const SizedBox(height: 4),
|
||||
Text(
|
||||
name,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
color: isWinner
|
||||
? RetroColors.goldOf(context)
|
||||
: RetroColors.textMutedOf(context),
|
||||
),
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
Text(
|
||||
isWinner ? 'WINNER' : 'LOSER',
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
color: isWinner ? Colors.amber : Colors.grey,
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildExchangeResult(BuildContext context, EquipmentSlot slot) {
|
||||
// 교환된 장비 찾기
|
||||
final challengerOldItem = _findItem(
|
||||
result.match.challenger.finalEquipment,
|
||||
slot,
|
||||
);
|
||||
final opponentOldItem = _findItem(
|
||||
result.match.opponent.finalEquipment,
|
||||
slot,
|
||||
);
|
||||
|
||||
final challengerNewItem = _findItem(
|
||||
result.updatedChallenger.finalEquipment,
|
||||
slot,
|
||||
);
|
||||
final opponentNewItem = _findItem(
|
||||
result.updatedOpponent.finalEquipment,
|
||||
slot,
|
||||
);
|
||||
|
||||
return Column(
|
||||
children: [
|
||||
// 교환 타이틀
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Icon(
|
||||
Icons.swap_horiz,
|
||||
color: RetroColors.goldOf(context),
|
||||
size: 20,
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
Text(
|
||||
_arenaExchange,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 8,
|
||||
color: RetroColors.goldOf(context),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
// 슬롯 정보
|
||||
Text(
|
||||
_getSlotLabel(slot),
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
color: RetroColors.textSecondaryOf(context),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
// 내 캐릭터 장비 변경
|
||||
_buildExchangeRow(
|
||||
context,
|
||||
result.match.challenger.characterName,
|
||||
challengerOldItem,
|
||||
challengerNewItem,
|
||||
result.isVictory,
|
||||
),
|
||||
const SizedBox(height: 8),
|
||||
// 상대 장비 변경
|
||||
_buildExchangeRow(
|
||||
context,
|
||||
result.match.opponent.characterName,
|
||||
opponentOldItem,
|
||||
opponentNewItem,
|
||||
!result.isVictory,
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildExchangeRow(
|
||||
BuildContext context,
|
||||
String name,
|
||||
EquipmentItem? oldItem,
|
||||
EquipmentItem? newItem,
|
||||
bool isWinner,
|
||||
) {
|
||||
final oldScore =
|
||||
oldItem != null ? ItemService.calculateEquipmentScore(oldItem) : 0;
|
||||
final newScore =
|
||||
newItem != null ? ItemService.calculateEquipmentScore(newItem) : 0;
|
||||
final scoreDiff = newScore - oldScore;
|
||||
final isGain = scoreDiff > 0;
|
||||
|
||||
return Container(
|
||||
padding: const EdgeInsets.all(8),
|
||||
decoration: BoxDecoration(
|
||||
color: isWinner
|
||||
? Colors.green.withValues(alpha: 0.1)
|
||||
: Colors.red.withValues(alpha: 0.1),
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
border: Border.all(
|
||||
color: isWinner
|
||||
? Colors.green.withValues(alpha: 0.3)
|
||||
: Colors.red.withValues(alpha: 0.3),
|
||||
),
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// 이름
|
||||
Text(
|
||||
name,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
color: RetroColors.textPrimaryOf(context),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 4),
|
||||
// 장비 변경
|
||||
Row(
|
||||
children: [
|
||||
// 이전 장비
|
||||
Expanded(
|
||||
child: _buildItemChip(
|
||||
context,
|
||||
oldItem,
|
||||
oldScore,
|
||||
isOld: true,
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 4),
|
||||
child: Icon(
|
||||
Icons.arrow_forward,
|
||||
size: 14,
|
||||
color: RetroColors.textMutedOf(context),
|
||||
),
|
||||
),
|
||||
// 새 장비
|
||||
Expanded(
|
||||
child: _buildItemChip(
|
||||
context,
|
||||
newItem,
|
||||
newScore,
|
||||
isOld: false,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 4),
|
||||
// 점수 변화
|
||||
Align(
|
||||
alignment: Alignment.centerRight,
|
||||
child: Text(
|
||||
'${isGain ? '+' : ''}$scoreDiff pt',
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 7,
|
||||
color: isGain ? Colors.green : Colors.red,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildItemChip(
|
||||
BuildContext context,
|
||||
EquipmentItem? item,
|
||||
int score, {
|
||||
required bool isOld,
|
||||
}) {
|
||||
if (item == null || item.isEmpty) {
|
||||
return Text(
|
||||
'(empty)',
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
color: RetroColors.textMutedOf(context),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
final rarityColor = _getRarityColor(item.rarity);
|
||||
|
||||
return Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 4, vertical: 2),
|
||||
decoration: BoxDecoration(
|
||||
color: rarityColor.withValues(alpha: isOld ? 0.1 : 0.2),
|
||||
borderRadius: BorderRadius.circular(4),
|
||||
border: Border.all(
|
||||
color: rarityColor.withValues(alpha: 0.5),
|
||||
),
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
item.name,
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 5,
|
||||
color: rarityColor,
|
||||
),
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
Text(
|
||||
'$score pt',
|
||||
style: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 5,
|
||||
color: RetroColors.textMutedOf(context),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
EquipmentItem? _findItem(List<EquipmentItem>? equipment, EquipmentSlot slot) {
|
||||
if (equipment == null) return null;
|
||||
for (final item in equipment) {
|
||||
if (item.slot == slot) return item;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
String _getSlotLabel(EquipmentSlot slot) {
|
||||
return switch (slot) {
|
||||
EquipmentSlot.weapon => l10n.slotWeapon,
|
||||
EquipmentSlot.shield => l10n.slotShield,
|
||||
EquipmentSlot.helm => l10n.slotHelm,
|
||||
EquipmentSlot.hauberk => l10n.slotHauberk,
|
||||
EquipmentSlot.brassairts => l10n.slotBrassairts,
|
||||
EquipmentSlot.vambraces => l10n.slotVambraces,
|
||||
EquipmentSlot.gauntlets => l10n.slotGauntlets,
|
||||
EquipmentSlot.gambeson => l10n.slotGambeson,
|
||||
EquipmentSlot.cuisses => l10n.slotCuisses,
|
||||
EquipmentSlot.greaves => l10n.slotGreaves,
|
||||
EquipmentSlot.sollerets => l10n.slotSollerets,
|
||||
};
|
||||
}
|
||||
|
||||
Color _getRarityColor(ItemRarity rarity) {
|
||||
return switch (rarity) {
|
||||
ItemRarity.common => Colors.grey.shade600,
|
||||
ItemRarity.uncommon => Colors.green.shade600,
|
||||
ItemRarity.rare => Colors.blue.shade600,
|
||||
ItemRarity.epic => Colors.purple.shade600,
|
||||
ItemRarity.legendary => Colors.orange.shade700,
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
/// 아레나 결과 다이얼로그 표시
|
||||
Future<void> showArenaResultDialog(
|
||||
BuildContext context, {
|
||||
required ArenaMatchResult result,
|
||||
required VoidCallback onClose,
|
||||
}) {
|
||||
return showDialog(
|
||||
context: context,
|
||||
barrierDismissible: false,
|
||||
builder: (context) => ArenaResultDialog(
|
||||
result: result,
|
||||
onClose: () {
|
||||
Navigator.of(context).pop();
|
||||
onClose();
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user