update
This commit is contained in:
parent
36f93ccbcc
commit
526377bb73
|
|
@ -4,35 +4,35 @@
|
|||
"name": "Goblin",
|
||||
"baseHp": 20,
|
||||
"baseAtk": 5,
|
||||
"baseDefense": 0,
|
||||
"baseDefense": 5,
|
||||
"image": "assets/images/enemies/goblin.png"
|
||||
},
|
||||
{
|
||||
"name": "Slime",
|
||||
"baseHp": 30,
|
||||
"baseAtk": 3,
|
||||
"baseDefense": 1,
|
||||
"baseDefense": 5,
|
||||
"image": "assets/images/enemies/slime.png"
|
||||
},
|
||||
{
|
||||
"name": "Wolf",
|
||||
"baseHp": 25,
|
||||
"baseAtk": 7,
|
||||
"baseDefense": 0,
|
||||
"baseDefense": 5,
|
||||
"image": "assets/images/enemies/wolf.png"
|
||||
},
|
||||
{
|
||||
"name": "Bandit",
|
||||
"baseHp": 35,
|
||||
"baseAtk": 6,
|
||||
"baseDefense": 1,
|
||||
"baseDefense": 5,
|
||||
"image": "assets/images/enemies/bandit.png"
|
||||
},
|
||||
{
|
||||
"name": "Skeleton",
|
||||
"baseHp": 15,
|
||||
"baseAtk": 8,
|
||||
"baseDefense": 0,
|
||||
"baseDefense": 5,
|
||||
"image": "assets/images/enemies/skeleton.png"
|
||||
}
|
||||
],
|
||||
|
|
|
|||
|
|
@ -24,3 +24,5 @@ enum StageType {
|
|||
}
|
||||
|
||||
enum EquipmentSlot { weapon, armor, shield, accessory }
|
||||
|
||||
enum DamageType { normal, bleed, vulnerable }
|
||||
|
|
|
|||
|
|
@ -1,15 +1,27 @@
|
|||
import 'package:flutter/material.dart'; // Color 사용을 위해 import
|
||||
import 'package:flutter/material.dart';
|
||||
import '../enums.dart';
|
||||
|
||||
enum DamageTarget { player, enemy }
|
||||
|
||||
class DamageEvent {
|
||||
final int damage;
|
||||
final DamageTarget target;
|
||||
final Color color; // 데미지 타입에 따른 색상 (예: 일반 공격, 치명타 등)
|
||||
final DamageType type;
|
||||
|
||||
DamageEvent({
|
||||
required this.damage,
|
||||
required this.target,
|
||||
this.color = Colors.red, // 기본 색상은 빨강
|
||||
this.type = DamageType.normal,
|
||||
});
|
||||
|
||||
Color get color {
|
||||
switch (type) {
|
||||
case DamageType.normal:
|
||||
return Colors.grey;
|
||||
case DamageType.bleed:
|
||||
return Colors.red;
|
||||
case DamageType.vulnerable:
|
||||
return Colors.orange;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -18,12 +18,16 @@ class EnemyIntent {
|
|||
final int value;
|
||||
final RiskLevel risk;
|
||||
final String description;
|
||||
final bool isSuccess;
|
||||
final int finalValue;
|
||||
|
||||
EnemyIntent({
|
||||
required this.type,
|
||||
required this.value,
|
||||
required this.risk,
|
||||
required this.description,
|
||||
required this.isSuccess,
|
||||
required this.finalValue,
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -38,9 +42,12 @@ class BattleProvider with ChangeNotifier {
|
|||
bool isPlayerTurn = true;
|
||||
|
||||
int stage = 1;
|
||||
int turnCount = 1;
|
||||
List<Item> rewardOptions = [];
|
||||
bool showRewardPopup = false;
|
||||
|
||||
List<String> get logs => battleLogs;
|
||||
|
||||
// Damage Event Stream
|
||||
final _damageEventController = StreamController<DamageEvent>.broadcast();
|
||||
Stream<DamageEvent> get damageStream => _damageEventController.stream;
|
||||
|
|
@ -62,11 +69,12 @@ class BattleProvider with ChangeNotifier {
|
|||
|
||||
void initializeBattle() {
|
||||
stage = 1;
|
||||
turnCount = 1;
|
||||
player = Character(
|
||||
name: "Player",
|
||||
maxHp: 100,
|
||||
maxHp: 80,
|
||||
armor: 0,
|
||||
atk: 10,
|
||||
atk: 5,
|
||||
baseDefense: 5,
|
||||
);
|
||||
|
||||
|
|
@ -213,6 +221,7 @@ class BattleProvider with ChangeNotifier {
|
|||
enemy: newEnemy,
|
||||
shopItems: shopItems,
|
||||
);
|
||||
turnCount = 1;
|
||||
notifyListeners();
|
||||
}
|
||||
|
||||
|
|
@ -268,60 +277,62 @@ class BattleProvider with ChangeNotifier {
|
|||
}
|
||||
|
||||
if (success) {
|
||||
|
||||
if (type == ActionType.attack) {
|
||||
|
||||
int damage = (player.totalAtk * efficiency).toInt();
|
||||
|
||||
|
||||
|
||||
_effectEventController.sink.add(EffectEvent(
|
||||
|
||||
_effectEventController.sink.add(
|
||||
EffectEvent(
|
||||
type: ActionType.attack,
|
||||
|
||||
risk: risk,
|
||||
|
||||
target: EffectTarget.enemy,
|
||||
),
|
||||
);
|
||||
|
||||
));
|
||||
|
||||
|
||||
|
||||
_applyDamage(enemy, damage, targetType: DamageTarget.enemy); // Add targetType
|
||||
|
||||
_addLog("Player dealt $damage damage to Enemy.");
|
||||
|
||||
int damageToHp = 0;
|
||||
if (enemy.armor > 0) {
|
||||
if (enemy.armor >= damage) {
|
||||
enemy.armor -= damage;
|
||||
damageToHp = 0;
|
||||
_addLog("Enemy's armor absorbed all $damage damage.");
|
||||
} else {
|
||||
damageToHp = damage - enemy.armor;
|
||||
_addLog("Enemy's armor absorbed ${enemy.armor} damage.");
|
||||
enemy.armor = 0;
|
||||
}
|
||||
} else {
|
||||
damageToHp = damage;
|
||||
}
|
||||
|
||||
if (damageToHp > 0) {
|
||||
_applyDamage(enemy, damageToHp, targetType: DamageTarget.enemy);
|
||||
_addLog("Player dealt $damageToHp damage to Enemy.");
|
||||
} else {
|
||||
_addLog("Player's attack was fully blocked by armor.");
|
||||
}
|
||||
|
||||
// Try applying status effects from items
|
||||
|
||||
_tryApplyStatusEffects(player, enemy);
|
||||
|
||||
} else {
|
||||
|
||||
_effectEventController.sink.add(EffectEvent(
|
||||
|
||||
_effectEventController.sink.add(
|
||||
EffectEvent(
|
||||
type: ActionType.defend,
|
||||
|
||||
risk: risk,
|
||||
|
||||
target: EffectTarget.player,
|
||||
|
||||
));
|
||||
|
||||
|
||||
),
|
||||
);
|
||||
|
||||
int armorGained = (player.totalDefense * efficiency).toInt();
|
||||
|
||||
player.armor += armorGained;
|
||||
|
||||
_addLog("Player gained $armorGained armor.");
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
else {
|
||||
} else {
|
||||
_addLog("Player's action missed!");
|
||||
}
|
||||
|
||||
|
|
@ -352,6 +363,13 @@ class BattleProvider with ChangeNotifier {
|
|||
_addLog("Enemy's turn...");
|
||||
await Future.delayed(const Duration(seconds: 1));
|
||||
|
||||
// Enemy Turn Start Logic
|
||||
// Armor decay
|
||||
if (enemy.armor > 0) {
|
||||
enemy.armor = (enemy.armor * 0.5).toInt();
|
||||
_addLog("Enemy's armor decayed to ${enemy.armor}.");
|
||||
}
|
||||
|
||||
// 1. Process Start-of-Turn Effects for Enemy
|
||||
bool canAct = _processStartTurnEffects(enemy);
|
||||
|
||||
|
|
@ -370,28 +388,16 @@ class BattleProvider with ChangeNotifier {
|
|||
_addLog("Enemy maintains defensive stance.");
|
||||
} else {
|
||||
// Attack Logic
|
||||
final random = Random();
|
||||
bool success = false;
|
||||
switch (intent.risk) {
|
||||
case RiskLevel.safe:
|
||||
success = random.nextDouble() < 1.0;
|
||||
break;
|
||||
case RiskLevel.normal:
|
||||
success = random.nextDouble() < 0.8;
|
||||
break;
|
||||
case RiskLevel.risky:
|
||||
success = random.nextDouble() < 0.4;
|
||||
break;
|
||||
}
|
||||
|
||||
if (success) {
|
||||
_effectEventController.sink.add(EffectEvent(
|
||||
if (intent.isSuccess) {
|
||||
_effectEventController.sink.add(
|
||||
EffectEvent(
|
||||
type: ActionType.attack,
|
||||
risk: intent.risk,
|
||||
target: EffectTarget.player,
|
||||
));
|
||||
),
|
||||
);
|
||||
|
||||
int incomingDamage = intent.value;
|
||||
int incomingDamage = intent.finalValue;
|
||||
int damageToHp = 0;
|
||||
|
||||
// Handle Player Armor
|
||||
|
|
@ -440,6 +446,7 @@ class BattleProvider with ChangeNotifier {
|
|||
}
|
||||
|
||||
isPlayerTurn = true;
|
||||
turnCount++;
|
||||
notifyListeners();
|
||||
}
|
||||
|
||||
|
|
@ -461,17 +468,21 @@ class BattleProvider with ChangeNotifier {
|
|||
|
||||
// Emit DamageEvent for bleed
|
||||
if (character == player) {
|
||||
_damageEventController.sink.add(DamageEvent(
|
||||
_damageEventController.sink.add(
|
||||
DamageEvent(
|
||||
damage: totalBleed,
|
||||
target: DamageTarget.player,
|
||||
color: Colors.purpleAccent, // Bleed damage color
|
||||
));
|
||||
type: DamageType.bleed,
|
||||
),
|
||||
);
|
||||
} else if (character == enemy) {
|
||||
_damageEventController.sink.add(DamageEvent(
|
||||
_damageEventController.sink.add(
|
||||
DamageEvent(
|
||||
damage: totalBleed,
|
||||
target: DamageTarget.enemy,
|
||||
color: Colors.purpleAccent, // Bleed damage color
|
||||
));
|
||||
type: DamageType.bleed,
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -505,22 +516,25 @@ class BattleProvider with ChangeNotifier {
|
|||
}
|
||||
}
|
||||
|
||||
void _applyDamage(Character target, int damage, {required DamageTarget targetType, Color color = Colors.red}) {
|
||||
void _applyDamage(
|
||||
Character target,
|
||||
int damage, {
|
||||
required DamageTarget targetType,
|
||||
DamageType type = DamageType.normal,
|
||||
}) {
|
||||
// Check Vulnerable
|
||||
if (target.hasStatus(StatusEffectType.vulnerable)) {
|
||||
damage = (damage * 1.5).toInt();
|
||||
_addLog("Vulnerable! Damage increased to $damage.");
|
||||
color = Colors.orange; // Vulnerable damage color
|
||||
type = DamageType.vulnerable;
|
||||
}
|
||||
|
||||
target.hp -= damage;
|
||||
if (target.hp < 0) target.hp = 0;
|
||||
|
||||
_damageEventController.sink.add(DamageEvent(
|
||||
damage: damage,
|
||||
target: targetType,
|
||||
color: color,
|
||||
));
|
||||
_damageEventController.sink.add(
|
||||
DamageEvent(damage: damage, target: targetType, type: type),
|
||||
);
|
||||
}
|
||||
|
||||
void _addLog(String message) {
|
||||
|
|
@ -554,7 +568,7 @@ class BattleProvider with ChangeNotifier {
|
|||
}
|
||||
|
||||
// Heal player after selecting reward
|
||||
int healAmount = GameMath.floor(player.totalMaxHp * 0.5);
|
||||
int healAmount = GameMath.floor(player.totalMaxHp * 0.1);
|
||||
player.heal(healAmount);
|
||||
_addLog("Stage Cleared! Recovered $healAmount HP.");
|
||||
|
||||
|
|
@ -653,27 +667,7 @@ class BattleProvider with ChangeNotifier {
|
|||
int damage = (enemy.totalAtk * efficiency * variance).toInt();
|
||||
if (damage < 1) damage = 1;
|
||||
|
||||
currentEnemyIntent = EnemyIntent(
|
||||
type: EnemyActionType.attack,
|
||||
value: damage,
|
||||
risk: risk,
|
||||
description: "Attacks for $damage (${risk.name})",
|
||||
);
|
||||
} else {
|
||||
// Defend Intent
|
||||
int baseDef = enemy.totalDefense;
|
||||
// Variance
|
||||
double variance = 0.8 + random.nextDouble() * 0.4;
|
||||
int armor = (baseDef * 2 * efficiency * variance).toInt();
|
||||
|
||||
currentEnemyIntent = EnemyIntent(
|
||||
type: EnemyActionType.defend,
|
||||
value: armor,
|
||||
risk: risk,
|
||||
description: "Defends for $armor (${risk.name})",
|
||||
);
|
||||
|
||||
// [Changed] Apply defense immediately for pre-emptive defense
|
||||
// Calculate success immediately
|
||||
bool success = false;
|
||||
switch (risk) {
|
||||
case RiskLevel.safe:
|
||||
|
|
@ -687,14 +681,55 @@ class BattleProvider with ChangeNotifier {
|
|||
break;
|
||||
}
|
||||
|
||||
currentEnemyIntent = EnemyIntent(
|
||||
type: EnemyActionType.attack,
|
||||
value: damage,
|
||||
risk: risk,
|
||||
description: "Attacks for $damage (${risk.name})",
|
||||
isSuccess: success,
|
||||
finalValue: damage,
|
||||
);
|
||||
} else {
|
||||
// Defend Intent
|
||||
int baseDef = enemy.totalDefense;
|
||||
// Variance
|
||||
double variance = 0.8 + random.nextDouble() * 0.4;
|
||||
int armor = (baseDef * 2 * efficiency * variance).toInt();
|
||||
|
||||
// Calculate success immediately
|
||||
bool success = false;
|
||||
switch (risk) {
|
||||
case RiskLevel.safe:
|
||||
success = random.nextDouble() < 1.0;
|
||||
break;
|
||||
case RiskLevel.normal:
|
||||
success = random.nextDouble() < 0.8;
|
||||
break;
|
||||
case RiskLevel.risky:
|
||||
success = random.nextDouble() < 0.4;
|
||||
break;
|
||||
}
|
||||
|
||||
currentEnemyIntent = EnemyIntent(
|
||||
type: EnemyActionType.defend,
|
||||
value: armor,
|
||||
risk: risk,
|
||||
description: "Defends for $armor (${risk.name})",
|
||||
isSuccess: success,
|
||||
finalValue: armor,
|
||||
);
|
||||
|
||||
// Apply defense immediately if successful
|
||||
if (success) {
|
||||
enemy.armor += armor;
|
||||
_addLog("Enemy prepares defense! (+$armor Armor)");
|
||||
_effectEventController.sink.add(EffectEvent(
|
||||
_effectEventController.sink.add(
|
||||
EffectEvent(
|
||||
type: ActionType.defend,
|
||||
risk: risk,
|
||||
target: EffectTarget.enemy,
|
||||
));
|
||||
),
|
||||
);
|
||||
} else {
|
||||
_addLog("Enemy tried to defend but fumbled!");
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,13 +1,14 @@
|
|||
import 'package:flutter/material.dart';
|
||||
import 'package:game_test/game/model/item.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import '../providers/battle_provider.dart';
|
||||
import '../game/model/entity.dart';
|
||||
import '../game/enums.dart';
|
||||
|
||||
import '../game/model/item.dart';
|
||||
import '../game/model/damage_event.dart';
|
||||
import '../game/model/effect_event.dart';
|
||||
import 'dart:async'; // StreamSubscription
|
||||
import 'dart:async';
|
||||
import '../widgets/responsive_container.dart';
|
||||
import '../utils/item_utils.dart';
|
||||
|
||||
class BattleScreen extends StatefulWidget {
|
||||
const BattleScreen({super.key});
|
||||
|
|
@ -24,18 +25,17 @@ class _BattleScreenState extends State<BattleScreen> {
|
|||
StreamSubscription<EffectEvent>? _effectSubscription;
|
||||
final GlobalKey _playerKey = GlobalKey();
|
||||
final GlobalKey _enemyKey = GlobalKey();
|
||||
final GlobalKey _stackKey = GlobalKey();
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
// Scroll to the bottom of the log when new messages are added
|
||||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||||
if (_scrollController.hasClients) {
|
||||
_scrollController.jumpTo(_scrollController.position.maxScrollExtent);
|
||||
}
|
||||
});
|
||||
|
||||
// Subscribe to Damage Stream
|
||||
final battleProvider = context.read<BattleProvider>();
|
||||
_damageSubscription = battleProvider.damageStream.listen(
|
||||
_addFloatingDamageText,
|
||||
|
|
@ -68,13 +68,13 @@ class _BattleScreenState extends State<BattleScreen> {
|
|||
|
||||
Offset position = renderBox.localToGlobal(Offset.zero);
|
||||
|
||||
RenderBox? stackRenderBox = context.findRenderObject() as RenderBox?;
|
||||
RenderBox? stackRenderBox =
|
||||
_stackKey.currentContext?.findRenderObject() as RenderBox?;
|
||||
if (stackRenderBox != null) {
|
||||
Offset stackOffset = stackRenderBox.localToGlobal(Offset.zero);
|
||||
position = position - stackOffset;
|
||||
}
|
||||
|
||||
// 중앙 정렬 보정 및 위쪽으로 이동
|
||||
position = position + Offset(renderBox.size.width / 2 - 20, -20);
|
||||
|
||||
final String id = UniqueKey().toString();
|
||||
|
|
@ -119,13 +119,14 @@ class _BattleScreenState extends State<BattleScreen> {
|
|||
if (renderBox == null) return;
|
||||
|
||||
Offset position = renderBox.localToGlobal(Offset.zero);
|
||||
RenderBox? stackRenderBox = context.findRenderObject() as RenderBox?;
|
||||
|
||||
RenderBox? stackRenderBox =
|
||||
_stackKey.currentContext?.findRenderObject() as RenderBox?;
|
||||
if (stackRenderBox != null) {
|
||||
Offset stackOffset = stackRenderBox.localToGlobal(Offset.zero);
|
||||
position = position - stackOffset;
|
||||
}
|
||||
|
||||
// 중앙 정렬
|
||||
position =
|
||||
position +
|
||||
Offset(renderBox.size.width / 2 - 30, renderBox.size.height / 2 - 30);
|
||||
|
|
@ -248,7 +249,6 @@ class _BattleScreenState extends State<BattleScreen> {
|
|||
onPressed: () {
|
||||
context.read<BattleProvider>().playerAction(actionType, risk);
|
||||
Navigator.pop(context);
|
||||
// Ensure the log scrolls to the bottom after action
|
||||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||||
_scrollController.animateTo(
|
||||
_scrollController.position.maxScrollExtent,
|
||||
|
|
@ -279,111 +279,110 @@ class _BattleScreenState extends State<BattleScreen> {
|
|||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: Consumer<BattleProvider>(
|
||||
builder: (context, provider, child) => Text(
|
||||
"Colosseum - Stage ${provider.stage} (${provider.currentStage.type.name.toUpperCase()})",
|
||||
),
|
||||
),
|
||||
actions: [
|
||||
IconButton(
|
||||
icon: const Icon(Icons.refresh),
|
||||
onPressed: () => context.read<BattleProvider>().initializeBattle(),
|
||||
),
|
||||
],
|
||||
),
|
||||
body: Consumer<BattleProvider>(
|
||||
return ResponsiveContainer(
|
||||
child: Consumer<BattleProvider>(
|
||||
builder: (context, battleProvider, child) {
|
||||
// UI Switching based on Stage Type
|
||||
if (battleProvider.currentStage.type == StageType.shop) {
|
||||
return Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
const Icon(Icons.store, size: 64, color: Colors.amber),
|
||||
const SizedBox(height: 16),
|
||||
const Text("Merchant Shop", style: TextStyle(fontSize: 24)),
|
||||
const SizedBox(height: 8),
|
||||
const Text("Buying/Selling feature coming soon!"),
|
||||
const SizedBox(height: 32),
|
||||
ElevatedButton(
|
||||
onPressed: () => battleProvider.proceedToNextStage(),
|
||||
child: const Text("Leave Shop"),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
return _buildShopUI(context, battleProvider);
|
||||
} else if (battleProvider.currentStage.type == StageType.rest) {
|
||||
return Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
const Icon(Icons.local_hotel, size: 64, color: Colors.blue),
|
||||
const SizedBox(height: 16),
|
||||
const Text("Rest Area", style: TextStyle(fontSize: 24)),
|
||||
const SizedBox(height: 8),
|
||||
const Text("Take a breath and heal."),
|
||||
const SizedBox(height: 32),
|
||||
ElevatedButton(
|
||||
onPressed: () {
|
||||
battleProvider.player.heal(20); // Simple heal
|
||||
battleProvider.proceedToNextStage();
|
||||
},
|
||||
child: const Text("Rest & Leave (+20 HP)"),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
return _buildRestUI(context, battleProvider);
|
||||
}
|
||||
|
||||
// Default: Battle UI (for Battle and Elite)
|
||||
return Stack(
|
||||
key: _stackKey,
|
||||
children: [
|
||||
Container(color: Colors.black87),
|
||||
Column(
|
||||
children: [
|
||||
// Top (Status Area)
|
||||
// Top Bar
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(8.0),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
_buildCharacterStatus(
|
||||
battleProvider.enemy,
|
||||
isEnemy: true,
|
||||
key: _enemyKey,
|
||||
Text(
|
||||
"Stage ${battleProvider.stage}",
|
||||
style: const TextStyle(
|
||||
color: Colors.white,
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
Text(
|
||||
"Turn ${battleProvider.turnCount}",
|
||||
style: const TextStyle(
|
||||
color: Colors.white,
|
||||
fontSize: 18,
|
||||
),
|
||||
_buildCharacterStatus(
|
||||
battleProvider.player,
|
||||
isEnemy: false,
|
||||
key: _playerKey,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
// Middle (Log Area)
|
||||
|
||||
// Battle Area
|
||||
Expanded(
|
||||
child: Container(
|
||||
color: Colors.black87,
|
||||
child: Center(
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||
children: [
|
||||
_buildCharacterStatus(
|
||||
battleProvider.player,
|
||||
isPlayer: true,
|
||||
isTurn: battleProvider.isPlayerTurn,
|
||||
key: _playerKey,
|
||||
),
|
||||
// const Text(
|
||||
// "VS",
|
||||
// style: TextStyle(
|
||||
// color: Colors.red,
|
||||
// fontSize: 24,
|
||||
// fontWeight: FontWeight.bold,
|
||||
// ),
|
||||
// ),
|
||||
_buildCharacterStatus(
|
||||
battleProvider.enemy,
|
||||
isPlayer: false,
|
||||
isTurn: !battleProvider.isPlayerTurn,
|
||||
key: _enemyKey,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
// Action Buttons
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
child: Column(
|
||||
children: [
|
||||
if (battleProvider.logs.isNotEmpty)
|
||||
Container(
|
||||
height: 60,
|
||||
padding: const EdgeInsets.all(8.0),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.black54,
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
child: ListView.builder(
|
||||
controller: _scrollController,
|
||||
itemCount: battleProvider.battleLogs.length,
|
||||
reverse: true,
|
||||
itemCount: battleProvider.logs.length,
|
||||
itemBuilder: (context, index) {
|
||||
final logIndex =
|
||||
battleProvider.logs.length - 1 - index;
|
||||
return Text(
|
||||
battleProvider.battleLogs[index],
|
||||
battleProvider.logs[logIndex],
|
||||
style: const TextStyle(
|
||||
color: Colors.white,
|
||||
fontFamily: 'Monospace',
|
||||
color: Colors.white70,
|
||||
fontSize: 12,
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
),
|
||||
// Bottom (Control Area)
|
||||
Padding(
|
||||
const SizedBox(height: 16),
|
||||
Card(
|
||||
color: Colors.grey[900],
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(8.0),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
||||
|
|
@ -409,6 +408,10 @@ class _BattleScreenState extends State<BattleScreen> {
|
|||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
if (battleProvider.showRewardPopup)
|
||||
|
|
@ -425,13 +428,32 @@ class _BattleScreenState extends State<BattleScreen> {
|
|||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
Container(
|
||||
padding: const EdgeInsets.all(4),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.blueGrey[700],
|
||||
borderRadius: BorderRadius.circular(4),
|
||||
border: Border.all(color: Colors.grey),
|
||||
),
|
||||
child: Icon(
|
||||
ItemUtils.getIcon(item.slot),
|
||||
color: ItemUtils.getColor(item.slot),
|
||||
size: 24,
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 12),
|
||||
Text(
|
||||
item.name,
|
||||
style: const TextStyle(
|
||||
fontWeight: FontWeight.bold,
|
||||
fontSize: 16,
|
||||
),
|
||||
),
|
||||
_buildItemStatText(item), // Display stats here
|
||||
],
|
||||
),
|
||||
_buildItemStatText(item),
|
||||
Text(
|
||||
item.description,
|
||||
style: const TextStyle(
|
||||
|
|
@ -455,6 +477,49 @@ class _BattleScreenState extends State<BattleScreen> {
|
|||
);
|
||||
}
|
||||
|
||||
Widget _buildShopUI(BuildContext context, BattleProvider battleProvider) {
|
||||
return Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
const Icon(Icons.store, size: 64, color: Colors.amber),
|
||||
const SizedBox(height: 16),
|
||||
const Text("Merchant Shop", style: TextStyle(fontSize: 24)),
|
||||
const SizedBox(height: 8),
|
||||
const Text("Buying/Selling feature coming soon!"),
|
||||
const SizedBox(height: 32),
|
||||
ElevatedButton(
|
||||
onPressed: () => battleProvider.proceedToNextStage(),
|
||||
child: const Text("Leave Shop"),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildRestUI(BuildContext context, BattleProvider battleProvider) {
|
||||
return Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
const Icon(Icons.local_hotel, size: 64, color: Colors.blue),
|
||||
const SizedBox(height: 16),
|
||||
const Text("Rest Area", style: TextStyle(fontSize: 24)),
|
||||
const SizedBox(height: 8),
|
||||
const Text("Take a breath and heal."),
|
||||
const SizedBox(height: 32),
|
||||
ElevatedButton(
|
||||
onPressed: () {
|
||||
battleProvider.player.heal(20);
|
||||
battleProvider.proceedToNextStage();
|
||||
},
|
||||
child: const Text("Rest & Leave (+20 HP)"),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildItemStatText(Item item) {
|
||||
List<String> stats = [];
|
||||
if (item.atkBonus > 0) stats.add("+${item.atkBonus} ATK");
|
||||
|
|
@ -490,12 +555,14 @@ class _BattleScreenState extends State<BattleScreen> {
|
|||
|
||||
Widget _buildCharacterStatus(
|
||||
Character character, {
|
||||
bool isEnemy = false,
|
||||
bool isPlayer = false,
|
||||
bool isTurn = false,
|
||||
Key? key,
|
||||
}) {
|
||||
return Column(
|
||||
key: key,
|
||||
children: [
|
||||
Text("Armor: ${character.armor}"),
|
||||
Text(
|
||||
"${character.name}: HP ${character.hp}/${character.totalMaxHp}",
|
||||
style: TextStyle(
|
||||
|
|
@ -509,11 +576,10 @@ class _BattleScreenState extends State<BattleScreen> {
|
|||
value: character.totalMaxHp > 0
|
||||
? character.hp / character.totalMaxHp
|
||||
: 0,
|
||||
color: isEnemy ? Colors.red : Colors.green,
|
||||
color: !isPlayer ? Colors.red : Colors.green,
|
||||
backgroundColor: Colors.grey,
|
||||
),
|
||||
),
|
||||
// Display Active Status Effects
|
||||
if (character.statusEffects.isNotEmpty)
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(top: 4.0),
|
||||
|
|
@ -541,7 +607,10 @@ class _BattleScreenState extends State<BattleScreen> {
|
|||
}).toList(),
|
||||
),
|
||||
),
|
||||
if (isEnemy)
|
||||
Text("ATK: ${character.totalAtk}"),
|
||||
Text("DEF: ${character.totalDefense}"),
|
||||
|
||||
if (!isPlayer)
|
||||
Consumer<BattleProvider>(
|
||||
builder: (context, provider, child) {
|
||||
if (provider.currentEnemyIntent != null && !character.isDead) {
|
||||
|
|
@ -593,11 +662,6 @@ class _BattleScreenState extends State<BattleScreen> {
|
|||
return const SizedBox.shrink();
|
||||
},
|
||||
),
|
||||
if (!isEnemy) ...[
|
||||
Text("Armor: ${character.armor}"),
|
||||
Text("ATK: ${character.totalAtk}"),
|
||||
Text("DEF: ${character.totalDefense}"),
|
||||
],
|
||||
],
|
||||
);
|
||||
}
|
||||
|
|
@ -655,24 +719,19 @@ class __FloatingDamageTextState extends State<_FloatingDamageText>
|
|||
|
||||
_offsetAnimation = Tween<Offset>(
|
||||
begin: const Offset(0.0, 0.0),
|
||||
end: const Offset(0.0, -1.5), // 위로 띄울 높이
|
||||
end: const Offset(0.0, -1.5),
|
||||
).animate(CurvedAnimation(parent: _controller, curve: Curves.easeOut));
|
||||
|
||||
_opacityAnimation = Tween<double>(begin: 1.0, end: 0.0).animate(
|
||||
CurvedAnimation(
|
||||
parent: _controller,
|
||||
curve: const Interval(
|
||||
0.5,
|
||||
1.0,
|
||||
curve: Curves.easeOut,
|
||||
), // 절반 이후부터 투명도 감소
|
||||
curve: const Interval(0.5, 1.0, curve: Curves.easeOut),
|
||||
),
|
||||
);
|
||||
|
||||
_controller.forward().then((_) {
|
||||
if (mounted) {
|
||||
widget.onRemove(); // 애니메이션 완료 후 콜백 호출하여 위젯 제거 요청
|
||||
// _controller.dispose(); // 제거: dispose() 메서드에서 처리됨
|
||||
widget.onRemove();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
|
@ -719,7 +778,6 @@ class __FloatingDamageTextState extends State<_FloatingDamageText>
|
|||
|
||||
class _DamageTextData {
|
||||
final String id;
|
||||
|
||||
final Widget widget;
|
||||
|
||||
_DamageTextData({required this.id, required this.widget});
|
||||
|
|
@ -733,13 +791,9 @@ class _FloatingEffect extends StatefulWidget {
|
|||
|
||||
const _FloatingEffect({
|
||||
Key? key,
|
||||
|
||||
required this.icon,
|
||||
|
||||
required this.color,
|
||||
|
||||
required this.size,
|
||||
|
||||
required this.onRemove,
|
||||
}) : super(key: key);
|
||||
|
||||
|
|
@ -750,18 +804,14 @@ class _FloatingEffect extends StatefulWidget {
|
|||
class __FloatingEffectState extends State<_FloatingEffect>
|
||||
with SingleTickerProviderStateMixin {
|
||||
late AnimationController _controller;
|
||||
|
||||
late Animation<double> _scaleAnimation;
|
||||
|
||||
late Animation<double> _opacityAnimation;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
|
||||
_controller = AnimationController(
|
||||
duration: const Duration(milliseconds: 800),
|
||||
|
||||
vsync: this,
|
||||
);
|
||||
|
||||
|
|
@ -773,7 +823,6 @@ class __FloatingEffectState extends State<_FloatingEffect>
|
|||
_opacityAnimation = Tween<double>(begin: 1.0, end: 0.0).animate(
|
||||
CurvedAnimation(
|
||||
parent: _controller,
|
||||
|
||||
curve: const Interval(0.5, 1.0, curve: Curves.easeOut),
|
||||
),
|
||||
);
|
||||
|
|
@ -788,7 +837,6 @@ class __FloatingEffectState extends State<_FloatingEffect>
|
|||
@override
|
||||
void dispose() {
|
||||
_controller.dispose();
|
||||
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
|
|
@ -796,14 +844,11 @@ class __FloatingEffectState extends State<_FloatingEffect>
|
|||
Widget build(BuildContext context) {
|
||||
return AnimatedBuilder(
|
||||
animation: _controller,
|
||||
|
||||
builder: (context, child) {
|
||||
return Transform.scale(
|
||||
scale: _scaleAnimation.value,
|
||||
|
||||
child: Opacity(
|
||||
opacity: _opacityAnimation.value,
|
||||
|
||||
child: Icon(widget.icon, color: widget.color, size: widget.size),
|
||||
),
|
||||
);
|
||||
|
|
@ -814,7 +859,6 @@ class __FloatingEffectState extends State<_FloatingEffect>
|
|||
|
||||
class _FloatingEffectData {
|
||||
final String id;
|
||||
|
||||
final Widget widget;
|
||||
|
||||
_FloatingEffectData({required this.id, required this.widget});
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
|
|||
import 'package:provider/provider.dart';
|
||||
import '../providers/battle_provider.dart';
|
||||
import 'main_wrapper.dart';
|
||||
import '../widgets/responsive_container.dart';
|
||||
|
||||
class CharacterSelectionScreen extends StatelessWidget {
|
||||
const CharacterSelectionScreen({super.key});
|
||||
|
|
@ -9,6 +10,10 @@ class CharacterSelectionScreen extends StatelessWidget {
|
|||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
backgroundColor: Colors.black, // Outer background
|
||||
body: Center(
|
||||
child: ResponsiveContainer(
|
||||
child: Scaffold(
|
||||
appBar: AppBar(
|
||||
title: const Text("Choose Your Hero"),
|
||||
centerTitle: true,
|
||||
|
|
@ -25,7 +30,9 @@ class CharacterSelectionScreen extends StatelessWidget {
|
|||
// Using pushReplacement to prevent going back to selection
|
||||
Navigator.pushAndRemoveUntil(
|
||||
context,
|
||||
MaterialPageRoute(builder: (context) => const MainWrapper()),
|
||||
MaterialPageRoute(
|
||||
builder: (context) => const MainWrapper(),
|
||||
),
|
||||
(route) => false,
|
||||
);
|
||||
},
|
||||
|
|
@ -38,7 +45,11 @@ class CharacterSelectionScreen extends StatelessWidget {
|
|||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
const Icon(Icons.shield, size: 80, color: Colors.blue),
|
||||
const Icon(
|
||||
Icons.shield,
|
||||
size: 80,
|
||||
color: Colors.blue,
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
const Text(
|
||||
"Warrior",
|
||||
|
|
@ -60,9 +71,18 @@ class CharacterSelectionScreen extends StatelessWidget {
|
|||
const Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
||||
children: [
|
||||
Text("HP: 100", style: TextStyle(fontWeight: FontWeight.bold)),
|
||||
Text("ATK: 10", style: TextStyle(fontWeight: FontWeight.bold)),
|
||||
Text("DEF: 5", style: TextStyle(fontWeight: FontWeight.bold)),
|
||||
Text(
|
||||
"HP: 80",
|
||||
style: TextStyle(fontWeight: FontWeight.bold),
|
||||
),
|
||||
Text(
|
||||
"ATK: 5",
|
||||
style: TextStyle(fontWeight: FontWeight.bold),
|
||||
),
|
||||
Text(
|
||||
"DEF: 5",
|
||||
style: TextStyle(fontWeight: FontWeight.bold),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
|
|
@ -72,6 +92,9 @@ class CharacterSelectionScreen extends StatelessWidget {
|
|||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ import 'package:provider/provider.dart';
|
|||
import '../providers/battle_provider.dart';
|
||||
import '../game/model/item.dart';
|
||||
import '../game/enums.dart';
|
||||
import '../utils/item_utils.dart';
|
||||
|
||||
class InventoryScreen extends StatelessWidget {
|
||||
const InventoryScreen({super.key});
|
||||
|
|
@ -101,10 +102,10 @@ class InventoryScreen extends StatelessWidget {
|
|||
),
|
||||
const SizedBox(height: 4),
|
||||
Icon(
|
||||
_getIconForSlot(slot),
|
||||
ItemUtils.getIcon(slot),
|
||||
size: 24,
|
||||
color: item != null
|
||||
? Colors.white
|
||||
? ItemUtils.getColor(slot)
|
||||
: Colors.grey,
|
||||
),
|
||||
const SizedBox(height: 4),
|
||||
|
|
@ -171,7 +172,11 @@ class InventoryScreen extends StatelessWidget {
|
|||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
const Icon(Icons.backpack, size: 32),
|
||||
Icon(
|
||||
ItemUtils.getIcon(item.slot),
|
||||
size: 32,
|
||||
color: ItemUtils.getColor(item.slot),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(4.0),
|
||||
child: Text(
|
||||
|
|
@ -208,19 +213,6 @@ class InventoryScreen extends StatelessWidget {
|
|||
);
|
||||
}
|
||||
|
||||
IconData _getIconForSlot(EquipmentSlot slot) {
|
||||
switch (slot) {
|
||||
case EquipmentSlot.weapon:
|
||||
return Icons.g_mobiledata; // Using a generic 'game' icon for weapon
|
||||
case EquipmentSlot.armor:
|
||||
return Icons.checkroom;
|
||||
case EquipmentSlot.shield:
|
||||
return Icons.shield;
|
||||
case EquipmentSlot.accessory:
|
||||
return Icons.diamond;
|
||||
}
|
||||
}
|
||||
|
||||
Widget _buildStatItem(String label, String value, {Color? color}) {
|
||||
return Column(
|
||||
children: [
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
import 'package:flutter/material.dart';
|
||||
import 'character_selection_screen.dart';
|
||||
import '../widgets/responsive_container.dart';
|
||||
|
||||
class MainMenuScreen extends StatelessWidget {
|
||||
const MainMenuScreen({super.key});
|
||||
|
|
@ -16,6 +17,7 @@ class MainMenuScreen extends StatelessWidget {
|
|||
colors: [Colors.black, Colors.blueGrey[900]!],
|
||||
),
|
||||
),
|
||||
child: ResponsiveContainer(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
|
|
@ -50,18 +52,23 @@ class MainMenuScreen extends StatelessWidget {
|
|||
);
|
||||
},
|
||||
style: ElevatedButton.styleFrom(
|
||||
padding:
|
||||
const EdgeInsets.symmetric(horizontal: 50, vertical: 15),
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: 50,
|
||||
vertical: 15,
|
||||
),
|
||||
backgroundColor: Colors.amber[700],
|
||||
foregroundColor: Colors.black,
|
||||
textStyle:
|
||||
const TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
|
||||
textStyle: const TextStyle(
|
||||
fontSize: 20,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
child: const Text("START GAME"),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
import 'package:flutter/material.dart';
|
||||
import 'battle_screen.dart';
|
||||
import 'inventory_screen.dart';
|
||||
import '../widgets/responsive_container.dart';
|
||||
|
||||
class MainWrapper extends StatefulWidget {
|
||||
const MainWrapper({super.key});
|
||||
|
|
@ -12,18 +13,16 @@ class MainWrapper extends StatefulWidget {
|
|||
class _MainWrapperState extends State<MainWrapper> {
|
||||
int _currentIndex = 0;
|
||||
|
||||
final List<Widget> _screens = [
|
||||
const BattleScreen(),
|
||||
const InventoryScreen(),
|
||||
];
|
||||
final List<Widget> _screens = [const BattleScreen(), const InventoryScreen()];
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
body: IndexedStack(
|
||||
index: _currentIndex,
|
||||
children: _screens,
|
||||
),
|
||||
backgroundColor: Colors.black, // Outer background for web
|
||||
body: Center(
|
||||
child: ResponsiveContainer(
|
||||
child: Scaffold(
|
||||
body: IndexedStack(index: _currentIndex, children: _screens),
|
||||
bottomNavigationBar: BottomNavigationBar(
|
||||
currentIndex: _currentIndex,
|
||||
onTap: (index) {
|
||||
|
|
@ -42,6 +41,9 @@ class _MainWrapperState extends State<MainWrapper> {
|
|||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,30 @@
|
|||
import 'package:flutter/material.dart';
|
||||
import '../game/enums.dart';
|
||||
|
||||
class ItemUtils {
|
||||
static IconData getIcon(EquipmentSlot slot) {
|
||||
switch (slot) {
|
||||
case EquipmentSlot.weapon:
|
||||
return Icons.change_history; // Triangle
|
||||
case EquipmentSlot.shield:
|
||||
return Icons.shield;
|
||||
case EquipmentSlot.armor:
|
||||
return Icons.checkroom;
|
||||
case EquipmentSlot.accessory:
|
||||
return Icons.diamond;
|
||||
}
|
||||
}
|
||||
|
||||
static Color getColor(EquipmentSlot slot) {
|
||||
switch (slot) {
|
||||
case EquipmentSlot.weapon:
|
||||
return Colors.red;
|
||||
case EquipmentSlot.shield:
|
||||
return Colors.blue;
|
||||
case EquipmentSlot.armor:
|
||||
return Colors.blue;
|
||||
case EquipmentSlot.accessory:
|
||||
return Colors.orange;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
import 'package:flutter/material.dart';
|
||||
|
||||
class ResponsiveContainer extends StatelessWidget {
|
||||
final Widget child;
|
||||
final double maxWidth;
|
||||
final double maxHeight;
|
||||
|
||||
const ResponsiveContainer({
|
||||
Key? key,
|
||||
required this.child,
|
||||
this.maxWidth = 600.0,
|
||||
this.maxHeight = 1000.0,
|
||||
}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Center(
|
||||
child: ConstrainedBox(
|
||||
constraints: BoxConstraints(maxWidth: maxWidth, maxHeight: maxHeight),
|
||||
child: child,
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
@ -7,78 +7,69 @@
|
|||
- **프로젝트명:** Colosseum's Choice
|
||||
- **플랫폼:** Flutter (Android/iOS/Web/Desktop)
|
||||
- **장르:** 텍스트 기반의 턴제 RPG + GUI (로그라이크 요소 포함)
|
||||
- **상태:** 프로토타입 단계 (핵심 전투, 아이템, 적 시스템 데이터화 완료)
|
||||
- **상태:** 프로토타입 단계 (전투 시각화, 데이터 주도 시스템 구현 완료)
|
||||
|
||||
## 2. 현재 구현된 핵심 기능 (Feature Status)
|
||||
|
||||
### A. 게임 흐름 (Game Flow)
|
||||
|
||||
1. **메인 메뉴 (`MainMenuScreen`):** 게임 시작 버튼.
|
||||
2. **캐릭터 선택 (`CharacterSelectionScreen`):** 현재 'Warrior' 직업만 구현됨. 선택 시 게임 초기화.
|
||||
2. **캐릭터 선택 (`CharacterSelectionScreen`):** 'Warrior' 직업 구현.
|
||||
3. **메인 게임 (`MainWrapper`):** 하단 탭 네비게이션 (Battle / Inventory).
|
||||
|
||||
### B. 전투 시스템 (`BattleProvider`)
|
||||
|
||||
- **턴제 전투:** 플레이어 턴 -> 적 턴.
|
||||
- **행동 선택:** 공격(Attack) / 방어(Defend).
|
||||
- **리스크 시스템 (Risk System):**
|
||||
- 플레이어와 적 모두 **Safe / Normal / Risky** 중 하나를 선택하여 행동.
|
||||
- Safe: 100% 성공, 50% 효율.
|
||||
- Normal: 80% 성공, 100% 효율.
|
||||
- Risky: 40% 성공, 200% 효율.
|
||||
- **리스크 시스템 (Risk System):** Safe(100%/50%), Normal(80%/100%), Risky(40%/200%) 선택.
|
||||
- **적 인공지능 (Enemy AI & Intent):**
|
||||
- 적은 턴 시작 시 행동(공격/방어)과 리스크 레벨을 무작위로 결정.
|
||||
- **Intent UI:** 플레이어는 적의 다음 행동(아이콘, 설명)을 미리 볼 수 있음.
|
||||
- _규칙:_ 적의 `baseDefense`가 0이면 방어 행동을 하지 않음.
|
||||
- **상태이상 (Status Effects):**
|
||||
- `Stun`, `Bleed`, `Vulnerable`, `DefenseForbidden` 구현됨.
|
||||
- **Intent UI:** 적의 다음 행동(공격/방어, 리스크)을 미리 표시.
|
||||
- **선제 방어 (Pre-emptive Defense):** 적이 방어를 선택하면 턴 시작 전에 즉시 방어도가 적용됨.
|
||||
- **시각 효과 (Visual Effects):**
|
||||
- **Floating Text:** 데미지 발생 시 캐릭터 위에 데미지 수치가 떠오름 (일반: 빨강, 출혈: 보라, 취약: 주황).
|
||||
- **Effect Icons:** 공격/방어 및 리스크 레벨에 따른 아이콘 애니메이션 출력.
|
||||
- **상태이상:** `Stun`, `Bleed`, `Vulnerable`, `DefenseForbidden`.
|
||||
|
||||
### C. 데이터 주도 설계 (Data-Driven Design)
|
||||
|
||||
- **JSON 데이터 관리:** `assets/data/` 폴더 내 JSON 파일로 게임 데이터 관리.
|
||||
- `items.json`: 아이템 정의 (이름, 스탯, 효과, **가격**, **이미지 경로**).
|
||||
- `enemies.json`: 적 정의 (Normal/Elite, 스탯, **이미지 경로**).
|
||||
- **데이터 로더:**
|
||||
- `ItemTable`: `items.json` 로드 및 `ItemTemplate` 관리.
|
||||
- `EnemyTable`: `enemies.json` 로드 및 `EnemyTemplate` 관리.
|
||||
- **JSON 데이터:** `assets/data/items.json`, `assets/data/enemies.json`.
|
||||
- **데이터 로더:** `ItemTable`, `EnemyTable`.
|
||||
|
||||
### D. 아이템 및 경제 (`Item`, `Inventory`)
|
||||
|
||||
- **장비:** 무기, 방어구, 방패, 장신구 슬롯.
|
||||
- **가격 정책:**
|
||||
- `items.json`에 정의된 고정 `price` 사용.
|
||||
- **판매(Sell):** 상점 등에서 판매 시 원가의 **60%** (소수점 버림, `GameMath.floor`) 획득.
|
||||
- **이미지 필드:** 향후 UI 사용을 위해 `Item` 및 `Enemy` 모델에 `image` 필드 추가됨.
|
||||
- **장비:** 무기, 방어구, 방패, 장신구.
|
||||
- **가격:** JSON 고정 가격 사용. 판매 시 60% (`GameMath.floor`) 획득.
|
||||
- **이미지:** `items.json`, `enemies.json`에 이미지 경로 필드 포함.
|
||||
|
||||
### E. 스테이지 시스템 (`StageModel`, `StageType`)
|
||||
### E. 스테이지 시스템 (`StageModel`)
|
||||
|
||||
- **진행:** `currentStage` 객체로 관리.
|
||||
- **타입:** Battle, Shop (5단위), Rest (8단위), Elite (10단위).
|
||||
- **적 생성:** `EnemyTable`에서 현재 스테이지 타입(Normal/Elite)에 맞는 적을 무작위로 스폰하며, 스테이지에 따라 스탯 스케일링 적용.
|
||||
- **타입:** Battle, Shop, Rest, Elite.
|
||||
- **적 생성:** 스테이지 레벨에 따른 스탯 스케일링 적용.
|
||||
|
||||
## 3. 핵심 파일 및 아키텍처
|
||||
|
||||
- **`lib/providers/battle_provider.dart`:** 게임의 **Core Logic**. 상태 관리, 전투 루프, 적 AI(Intent) 생성, 스테이지 전환 담당.
|
||||
- **`lib/game/data/`:**
|
||||
- `item_table.dart`: 아이템 JSON 로더.
|
||||
- `enemy_table.dart`: 적 JSON 로더.
|
||||
- **`lib/providers/battle_provider.dart`:**
|
||||
- **Core Logic:** 상태 관리, 전투 루프.
|
||||
- **Streams:** `damageStream`, `effectStream`을 통해 UI(`BattleScreen`)에 비동기 이벤트 전달.
|
||||
- **`lib/game/enums.dart`:** 프로젝트 전반의 Enum 통합 관리 (`ActionType`, `RiskLevel`, `StageType` 등).
|
||||
- **`lib/game/model/`:**
|
||||
- `entity.dart`: `Character` 클래스 (Player/Enemy 공용). `image` 필드 포함.
|
||||
- `item.dart`: `Item` 클래스. `price`, `image` 필드 포함.
|
||||
- **`assets/data/`:** `items.json`, `enemies.json`.
|
||||
- `damage_event.dart`, `effect_event.dart`: 이벤트 모델.
|
||||
- `entity.dart`: `Character` (Player/Enemy).
|
||||
- `item.dart`: `Item`.
|
||||
- **`lib/screens/battle_screen.dart`:**
|
||||
- `StreamSubscription`을 통해 이펙트 이벤트 수신 및 `Overlay` 애니메이션 렌더링.
|
||||
|
||||
## 4. 작업 컨벤션 (Working Conventions)
|
||||
|
||||
- **Prompt Driven Development:** `prompt/XX_description.md` 형식을 유지하며 작업.
|
||||
- **State Management:** `Provider` 사용.
|
||||
- **Data:** JSON 파일 기반의 데이터 관리.
|
||||
- **Prompt Driven Development:** `prompt/XX_description.md` 유지.
|
||||
- **State Management:** `Provider` + `Stream` (이벤트성 데이터).
|
||||
- **Data:** JSON 기반.
|
||||
|
||||
## 5. 다음 단계 작업 (Next Steps)
|
||||
|
||||
1. **상점 구매 기능:** `Shop` 스테이지에서 아이템 목록을 보여주고 구매하는 UI 구현.
|
||||
2. **이미지 리소스 적용:** JSON에 정의된 경로에 실제 이미지 파일(`assets/images/...`)을 추가하고 UI(`BattleScreen`, `InventoryScreen`)에 표시.
|
||||
3. **UI 개선:** 텍스트 로그 외에 시각적 피드백(데미지 플로팅, 효과 이펙트) 추가.
|
||||
4. **밸런싱 및 콘텐츠 확장:** 더 많은 아이템과 적 데이터 추가.
|
||||
1. **상점 구매 기능:** `Shop` 스테이지 구매 UI 구현.
|
||||
2. **이미지 리소스 적용:** JSON 경로에 맞는 실제 이미지 파일 추가 및 UI 표시.
|
||||
3. **밸런싱 및 콘텐츠 확장:** 아이템/적 데이터 추가 및 밸런스 조정.
|
||||
|
||||
---
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,57 @@
|
|||
# 26. 데미지 타입 리팩토링 및 색상 지정 (Refactor Damage Types & Colors)
|
||||
|
||||
## 1. 배경 (Background)
|
||||
|
||||
현재 데미지 텍스트의 색상이 `BattleProvider` 내에서 하드코딩되어 있거나 `Color` 객체를 직접 전달하는 방식으로 구현되어 있습니다. 이를 `DamageType` Enum을 통해 구조화하고, 타입별로 색상을 중앙에서 관리하도록 개선하고자 합니다.
|
||||
|
||||
## 2. 목표 (Objective)
|
||||
|
||||
- `DamageType` Enum을 정의하여 데미지의 종류(일반, 출혈, 취약 등)를 구분합니다.
|
||||
- `DamageEvent`가 `Color` 대신 `DamageType`을 가지도록 수정합니다.
|
||||
- UI(`BattleScreen`)에서 `DamageType`에 따라 미리 정의된 색상을 출력하도록 합니다.
|
||||
- **색상 변경:**
|
||||
- 기본(Normal) 데미지: **회색 (Grey)**
|
||||
- 출혈(Bleed) 데미지: **빨간색 (Red)**
|
||||
- (기타) 취약(Vulnerable): **주황색 (Orange)** (기존 유지/변경 고려)
|
||||
|
||||
## 3. 작업 상세 (Implementation Details)
|
||||
|
||||
### A. Enum 정의 (`lib/game/enums.dart`)
|
||||
|
||||
- `DamageType` Enum 추가:
|
||||
```dart
|
||||
enum DamageType {
|
||||
normal,
|
||||
bleed,
|
||||
vulnerable,
|
||||
// critical, // 추후 확장 가능
|
||||
}
|
||||
```
|
||||
|
||||
### B. 모델 수정 (`lib/game/model/damage_event.dart`)
|
||||
|
||||
- `DamageEvent` 클래스 수정:
|
||||
- `final Color color` 필드 삭제.
|
||||
- `final DamageType type` 필드 추가.
|
||||
- (선택) `Color get color` getter를 추가하여 타입별 색상 반환 로직 구현 (또는 UI에서 처리).
|
||||
- Normal: `Colors.grey`
|
||||
- Bleed: `Colors.red`
|
||||
- Vulnerable: `Colors.orange`
|
||||
|
||||
### C. 로직 수정 (`lib/providers/battle_provider.dart`)
|
||||
|
||||
- `_damageEventController` 및 `_applyDamage` 메서드 수정.
|
||||
- 데미지 발생 시점에 적절한 `DamageType`을 전달하도록 변경.
|
||||
- 일반 공격: `DamageType.normal`
|
||||
- 출혈 데미지: `DamageType.bleed`
|
||||
- 취약 상태 공격: `DamageType.vulnerable`
|
||||
|
||||
### D. UI 수정 (`lib/screens/battle_screen.dart`)
|
||||
|
||||
- `_addFloatingDamageText` 메서드에서 `event.color` 대신 `event.type`에 따른 색상을 사용하도록 수정.
|
||||
|
||||
## 4. 기대 효과
|
||||
|
||||
- 데미지 색상 정책을 한곳에서 관리하여 일관성 유지.
|
||||
- 코드 가독성 향상 및 하드코딩 제거.
|
||||
- 추후 새로운 데미지 타입(독, 화상 등) 추가 시 확장이 용이함.
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
# 27. 적 행동 결과 선결정 (Pre-determine Enemy Action)
|
||||
|
||||
## 1. 배경 (Background)
|
||||
|
||||
현재 적의 행동(Intent)은 턴 시작 시 결정되지만, 그 행동의 **성공 여부(Risk에 따른 확률)**는 적의 턴이 실제로 실행될 때(`_enemyTurn`) 결정되거나, 방어의 경우 `_generateEnemyIntent`에서 즉시 적용되도록 수정되었으나 문제가 보고되었습니다.
|
||||
사용자는 "내 턴이 시작됐을 때 적의 행동(확률적인 부분 포함)이 모두 결정되기를" 원합니다. 특히 적이 방어를 선택했을 때, 플레이어의 공격 턴에 방어도가 적용되어 있어야 합니다.
|
||||
|
||||
## 2. 문제 분석 (Problem Analysis)
|
||||
|
||||
- **현상:** 플레이어 공격력 8, 적이 방어 행동을 취했음에도 데미지가 차감되지 않음.
|
||||
- **원인 추정:**
|
||||
1. `_generateEnemyIntent`에서 방어도를 올리는 로직이 제대로 동작하지 않았거나,
|
||||
2. `enemy.armor`가 턴 시작 시점이나 다른 곳에서 초기화되고 있을 가능성.
|
||||
3. 또는 UI상으로는 방어한다고 나오지만 실제 내부 로직에서는 아직 적용되지 않은 상태(기존 로직 잔재).
|
||||
|
||||
## 3. 목표 (Objective)
|
||||
|
||||
- **결과 선결정 (Pre-determination):** `_generateEnemyIntent` 시점에 적의 행동 성공 여부(`isSuccess`)와 최종 수치(`finalValue`)를 미리 계산하여 `EnemyIntent`에 저장.
|
||||
- **즉시 적용 (Immediate Application):**
|
||||
- **방어(Defend):** 성공 시, **즉시** `enemy.armor`를 증가시켜 플레이어 턴 동안 유지되게 함.
|
||||
- **공격(Attack):** 성공 여부와 데미지를 미리 결정해두고, `_enemyTurn`에서는 그 결과만 실행.
|
||||
|
||||
## 4. 작업 상세 (Implementation Details)
|
||||
|
||||
### A. 모델 수정 (`lib/providers/battle_provider.dart` 내 `EnemyIntent`)
|
||||
|
||||
- `EnemyIntent` 클래스에 필드 추가:
|
||||
- `final bool isSuccess;` // 성공 여부
|
||||
- `final int finalValue;` // 최종 적용될 수치 (데미지 또는 방어도)
|
||||
|
||||
### B. 로직 수정 (`BattleProvider`)
|
||||
|
||||
1. **`_generateEnemyIntent` 수정:**
|
||||
- 행동 타입(Attack/Defend)과 Risk 결정 후, **즉시 확률(Random)을 굴림**.
|
||||
- `isSuccess`와 `finalValue`를 계산하여 `EnemyIntent` 생성.
|
||||
- **방어(Defend)의 경우:** `isSuccess`가 `true`라면 `enemy.armor`에 `finalValue`를 **즉시 더함**.
|
||||
- _주의:_ 턴이 지날 때 방어도가 초기화되는 로직과 충돌하지 않도록 확인.
|
||||
2. **`_enemyTurn` 수정:**
|
||||
- 다시 확률을 굴리지 않고, `currentEnemyIntent.isSuccess`를 확인하여 행동 수행.
|
||||
- 방어의 경우 이미 적용되었으므로, 로그만 출력하거나 추가 이펙트만 재생 (중복 적용 방지).
|
||||
|
||||
### C. 검증 (Verification)
|
||||
|
||||
- 테스트 코드를 통해 적이 방어 의도를 가졌을 때 `enemy.armor`가 즉시 증가하는지 확인.
|
||||
- 플레이어가 공격했을 때 방어도가 적용되어 데미지가 감소하는지 확인.
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
# 28. 적 방어도 누적 및 감소 (Enemy Armor Accumulation & Decay)
|
||||
|
||||
## 1. 배경 (Background)
|
||||
|
||||
사용자는 "적의 방어도 증가 액션도 플레이어와 동일하게 방어도가 누적되는 것"을 원합니다.
|
||||
현재 적의 방어도는 `_generateEnemyIntent`에서 `+=` 연산자를 통해 누적되도록 수정되었으나(27번 작업), 플레이어와 달리 **턴 시작 시 방어도가 감소(Decay)하는 로직**이 부재합니다.
|
||||
"플레이어와 동일하게" 동작하려면, 적의 턴이 돌아왔을 때(즉, 플레이어의 공격을 막아낸 후) 남은 방어도가 일부 감소해야 합니다.
|
||||
|
||||
## 2. 목표 (Objective)
|
||||
|
||||
- **방어도 누적 확인:** `_generateEnemyIntent`에서 `+=`를 사용하여 방어도가 누적됨을 유지.
|
||||
- **방어도 감소(Decay) 추가:** 적의 턴이 시작될 때(`_enemyTurn` 초입), 적의 현재 방어도를 50% 감소시킵니다. (플레이어 로직과 대칭)
|
||||
|
||||
## 3. 작업 상세 (Implementation Details)
|
||||
|
||||
### A. 로직 수정 (`lib/providers/battle_provider.dart`)
|
||||
|
||||
- `_enemyTurn` 메서드 시작 부분에 방어도 감소 로직 추가:
|
||||
```dart
|
||||
// Enemy Turn Start Logic
|
||||
// Armor decay
|
||||
if (enemy.armor > 0) {
|
||||
enemy.armor = (enemy.armor * 0.5).toInt();
|
||||
_addLog("Enemy's armor decayed to ${enemy.armor}.");
|
||||
}
|
||||
```
|
||||
|
||||
### B. UI 수정 (`lib/screens/battle_screen.dart`)
|
||||
|
||||
- **적 스탯 표시:** `_buildCharacterStatus` 위젯에서 적(Enemy)인 경우에도 Armor, ATK, DEF 정보를 표시하도록 수정합니다.
|
||||
- 기존에는 `if (!isEnemy)` 조건으로 플레이어에게만 표시되었던 부분을 공통으로 표시되도록 변경합니다.
|
||||
|
||||
### C. 검증 (Verification)
|
||||
|
||||
- **시나리오:**
|
||||
1. 적이 방어(예: +10 Armor)를 선택.
|
||||
2. 플레이어가 공격하지 않거나 약하게 공격하여 방어도가 남음(예: 10 남음).
|
||||
3. 적의 턴이 시작될 때, 방어도가 5(50%)로 감소하는지 로그 및 UI 확인.
|
||||
4. 다음 적의 행동이 또 방어라면, 남은 5에 새로운 방어도가 더해지는지 확인.
|
||||
|
||||
## 4. 기대 효과
|
||||
|
||||
- 플레이어와 적의 방어 메커니즘이 대칭적으로 동작하여 일관성 확보.
|
||||
- 적이 방어만 계속하여 무한히 단단해지는 것을 방지(밸런스 조절).
|
||||
|
|
@ -0,0 +1,57 @@
|
|||
# 29. 플레이어 공격 시 적 방어도 적용 수정 (Fix Player Attack vs Enemy Armor)
|
||||
|
||||
## 1. 배경 (Background)
|
||||
|
||||
사용자는 "플레이어의 공격 계산 시 enemy의 armor가 반영되지 않고 있다"고 보고했습니다.
|
||||
코드 확인 결과, `playerAction` 메서드에서 플레이어가 공격할 때 `_applyDamage`를 직접 호출하여 적의 방어도를 무시하고 체력에 직접 데미지를 주고 있습니다. 반면, 적의 턴(`_enemyTurn`)에서는 플레이어의 방어도를 계산하는 로직이 존재합니다.
|
||||
|
||||
## 2. 목표 (Objective)
|
||||
|
||||
- `playerAction` 메서드 내 공격 로직을 수정하여, **적의 방어도(Armor)**를 먼저 차감하고 남은 데미지만 체력에 적용하도록 합니다.
|
||||
- 방어도 차감 시 로그를 출력하여 플레이어가 방어 효과를 인지할 수 있도록 합니다.
|
||||
|
||||
## 3. 작업 상세 (Implementation Details)
|
||||
|
||||
### A. 로직 수정 (`lib/providers/battle_provider.dart`)
|
||||
|
||||
- `playerAction` 메서드의 `ActionType.attack` 처리 부분 수정:
|
||||
|
||||
```dart
|
||||
// 기존: _applyDamage(enemy, damage, ...);
|
||||
|
||||
// 수정:
|
||||
int damageToHp = 0;
|
||||
if (enemy.armor > 0) {
|
||||
if (enemy.armor >= damage) {
|
||||
enemy.armor -= damage;
|
||||
damageToHp = 0;
|
||||
_addLog("Enemy's armor absorbed all $damage damage.");
|
||||
} else {
|
||||
damageToHp = damage - enemy.armor;
|
||||
_addLog("Enemy's armor absorbed ${enemy.armor} damage.");
|
||||
enemy.armor = 0;
|
||||
}
|
||||
} else {
|
||||
damageToHp = damage;
|
||||
}
|
||||
|
||||
if (damageToHp > 0) {
|
||||
_applyDamage(enemy, damageToHp, targetType: DamageTarget.enemy);
|
||||
_addLog("Player dealt $damageToHp damage to Enemy.");
|
||||
} else {
|
||||
_addLog("Player's attack was fully blocked by armor.");
|
||||
}
|
||||
```
|
||||
|
||||
### B. 검증 (Verification)
|
||||
|
||||
- **시나리오:**
|
||||
1. 적이 방어하여 방어도를 획득(예: 10).
|
||||
2. 플레이어가 공격(예: 15 데미지).
|
||||
3. 적의 방어도가 0이 되고, 체력은 5만 감소하는지 확인.
|
||||
4. 로그에 "Enemy's armor absorbed..." 메시지가 출력되는지 확인.
|
||||
|
||||
## 4. 기대 효과
|
||||
|
||||
- 적의 방어 행동이 실제로 의미를 가지게 됨.
|
||||
- 전투의 전략적 깊이 증가 (방어도가 높은 적에게는 관통 공격이나 다른 전략 필요).
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
# 30. 통합 반응형 UI 개선 (Integrated Responsive UI Improvement)
|
||||
|
||||
## 1. 배경 (Background)
|
||||
|
||||
현재 UI는 모바일 화면을 기준으로 개발되었으나, 웹(Web) 환경에서 테스트 시 화면이 너무 커지거나 레이아웃이 어색해지는 문제가 있습니다.
|
||||
사용자는 "웹에서 너무 커지는 것보다 태블릿에서 사용해도 문제가 되지 않을 정도의 해상도"를 원하며, `BottomNavigationBar`를 포함한 전체적인 UI가 웹 환경에서 어색하지 않게 조정되기를 원합니다.
|
||||
|
||||
## 2. 목표 (Objective)
|
||||
|
||||
- **최대 너비 및 높이 제한 (Max Width & Height Constraint):**
|
||||
- 웹이나 태블릿 등 큰 화면에서 콘텐츠가 지나치게 늘어나는 것을 방지합니다.
|
||||
- **MaxWidth:** 600px (태블릿/모바일 적정 너비)
|
||||
- **MaxHeight:** 1000px (세로 비율 유지)
|
||||
- **전역 중앙 정렬 (Global Center Alignment):**
|
||||
- 앱의 모든 화면(`MainWrapper`, `CharacterSelectionScreen` 등)을 중앙에 배치하고, 남는 여백은 어두운 배경(검은색)으로 처리하여 몰입감을 높입니다.
|
||||
- **ResponsiveContainer 도입:**
|
||||
- 위 제약 조건을 쉽게 적용할 수 있는 재사용 가능한 위젯을 구현합니다.
|
||||
|
||||
## 3. 작업 상세 (Implementation Details)
|
||||
|
||||
### A. `lib/widgets/responsive_container.dart` 구현
|
||||
|
||||
- `maxWidth`와 `maxHeight`를 제한하고 중앙 정렬하는 래퍼 위젯.
|
||||
- 기본값: `maxWidth = 600.0`, `maxHeight = 1000.0`.
|
||||
|
||||
### B. 화면별 적용
|
||||
|
||||
1. **MainWrapper (`lib/screens/main_wrapper.dart`)**:
|
||||
- 전체 앱(`Scaffold` + `BottomNavigationBar`)을 `ResponsiveContainer`로 감싸서 하단 바도 함께 줄어들도록 처리.
|
||||
- 외부 배경은 `Colors.black`으로 설정.
|
||||
2. **CharacterSelectionScreen (`lib/screens/character_selection_screen.dart`)**:
|
||||
- 동일하게 외부 배경과 `ResponsiveContainer` 적용.
|
||||
3. **BattleScreen (`lib/screens/battle_screen.dart`)**:
|
||||
- `ResponsiveContainer` 내부에서 `Stack`과 플로팅 텍스트(`DamageEvent`, `EffectEvent`) 위치가 올바르게 계산되도록 `GlobalKey` 활용 및 좌표 보정 로직 적용.
|
||||
|
||||
## 4. 검증 (Verification)
|
||||
|
||||
- **Web 빌드 테스트:**
|
||||
- 브라우저 창을 가로/세로로 크게 늘렸을 때, 앱 화면이 600x1000 박스 내에 유지되는지 확인.
|
||||
- `BottomNavigationBar`가 전체 너비로 늘어나지 않고 앱 너비에 맞춰지는지 확인.
|
||||
- 플로팅 텍스트가 캐릭터 위치에 정확히 뜨는지 확인.
|
||||
|
|
@ -0,0 +1,72 @@
|
|||
# 33. 아이템 타입별 아이콘 및 색상 적용 (Item Type Icons & Colors)
|
||||
|
||||
## 1. 배경 (Background)
|
||||
|
||||
사용자는 아이템의 종류(무기, 방패, 갑옷, 장신구)를 직관적으로 구별할 수 있도록, 인벤토리와 아이템 획득 화면에서 특정 아이콘과 색상을 적용하기를 원합니다.
|
||||
|
||||
## 2. 목표 (Objective)
|
||||
|
||||
- **아이콘 및 색상 규칙 적용:**
|
||||
- **무기 (Weapon):** 빨간색 삼각형 (`Icons.change_history`, `Colors.red`)
|
||||
- **방패 (Shield):** 파란색 방패 (`Icons.shield`, `Colors.blue`)
|
||||
- **갑옷 (Armor):** 파란색 옷 (`Icons.checkroom`, `Colors.blue`)
|
||||
- **장신구 (Accessory):** 보라색 다이아몬드 (`Icons.diamond`, `Colors.purple`)
|
||||
- **적용 범위:**
|
||||
- **InventoryScreen:** 장착 슬롯 및 가방(Bag) 아이템.
|
||||
- **BattleScreen:** 승리 후 보상 선택 팝업.
|
||||
|
||||
## 3. 작업 상세 (Implementation Details)
|
||||
|
||||
### A. `lib/utils/item_utils.dart` 생성 (또는 기존 유틸 활용)
|
||||
|
||||
- 아이템 아이콘과 색상을 반환하는 헬퍼 함수 작성.
|
||||
|
||||
```dart
|
||||
import 'package:flutter/material.dart';
|
||||
import '../game/enums.dart';
|
||||
import '../game/model/item.dart';
|
||||
|
||||
class ItemUtils {
|
||||
static IconData getIcon(EquipmentSlot slot) {
|
||||
switch (slot) {
|
||||
case EquipmentSlot.weapon:
|
||||
return Icons.change_history; // Triangle
|
||||
case EquipmentSlot.shield:
|
||||
return Icons.shield;
|
||||
case EquipmentSlot.armor:
|
||||
return Icons.checkroom;
|
||||
case EquipmentSlot.accessory:
|
||||
return Icons.diamond;
|
||||
}
|
||||
}
|
||||
|
||||
static Color getColor(EquipmentSlot slot) {
|
||||
switch (slot) {
|
||||
case EquipmentSlot.weapon:
|
||||
return Colors.red;
|
||||
case EquipmentSlot.shield:
|
||||
case EquipmentSlot.armor:
|
||||
return Colors.blue;
|
||||
case EquipmentSlot.accessory:
|
||||
return Colors.purple;
|
||||
}
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### B. `lib/screens/inventory_screen.dart` 수정
|
||||
|
||||
- `_getIconForSlot` 메서드 제거 또는 `ItemUtils` 사용으로 대체.
|
||||
- 장착 슬롯(`Equipped Items`)의 아이콘/색상 변경.
|
||||
- 가방(`Bag`) 그리드 아이템의 아이콘을 `Icons.backpack`에서 해당 아이템의 타입 아이콘으로 변경.
|
||||
|
||||
### C. `lib/screens/battle_screen.dart` 수정
|
||||
|
||||
- 보상 팝업(`SimpleDialogOption`)에 아이템 아이콘 추가 (텍스트 옆 또는 위).
|
||||
|
||||
## 4. 검증 (Verification)
|
||||
|
||||
- **Inventory Test:**
|
||||
- 인벤토리 진입 시 장착된 아이템과 가방의 아이템이 지정된 아이콘/색상으로 표시되는지 확인.
|
||||
- **Battle Reward Test:**
|
||||
- 전투 승리 후 보상 목록에 아이템 아이콘이 올바르게 표시되는지 확인.
|
||||
Loading…
Reference in New Issue