34 lines
1.3 KiB
Markdown
34 lines
1.3 KiB
Markdown
# Task 8: Combat UI - Casting Bar Animation Fix - Context
|
|
|
|
## Task Description
|
|
**Bug Fix from task2.md**
|
|
|
|
### Problem:
|
|
The "Casting Bar" progress animation doesn't fill correctly during spell casting.
|
|
|
|
### Current Implementation:
|
|
- Casting bar is likely in a Combat-related component
|
|
- Search for "CastingBar" or "casting" in components folder
|
|
- Progress animation probably uses a Progress component or div with width styling
|
|
|
|
### What Needs To Be Done:
|
|
1. Search for "CastingBar" or "casting" in `src/components/game/` to find the relevant component
|
|
2. Read the component to understand the current implementation
|
|
3. Find the bug in the progress animation:
|
|
- Is the progress value being calculated correctly?
|
|
- Is the CSS/style correct for the progress bar?
|
|
- Is the animation updating properly?
|
|
4. Fix the bug so the progress bar fills correctly during casting
|
|
5. Test the changes
|
|
6. Commit with message: "Task 2: Fix Combat UI Casting Bar progress animation"
|
|
|
|
### Key Files To Examine:
|
|
- Search for files containing "CastingBar" or "casting" in `src/components/game/`
|
|
- Look for Progress components or div elements with dynamic width
|
|
|
|
### Common Issues To Check:
|
|
- Progress value calculation (should be percentage 0-100)
|
|
- CSS transitions/animations
|
|
- State updates during casting
|
|
- Re-rendering issues
|