Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

로티(Lottie) 애니메이션 적용으로 게임 UX 개선 #152

Closed
4 tasks
rhino-ty opened this issue Nov 28, 2024 · 0 comments · Fixed by #157
Closed
4 tasks

로티(Lottie) 애니메이션 적용으로 게임 UX 개선 #152

rhino-ty opened this issue Nov 28, 2024 · 0 comments · Fixed by #157
Assignees
@rhino-ty
Labels
💻 FE Frontend Code 🎨 HTML&CSS Markup & Styles ⚙ Setting Development Environment Setting
Milestone
Week 5

Comments

@rhino-ty
Copy link
Collaborator

rhino-ty commented Nov 28, 2024 •
edited
Loading

📂 구현 기능

게임 진행 상태(로딩/라운드 결과/게임 승리 등)에 로티 애니메이션을 추가해 시각적 피드백 제공.

📝 상세 작업 내용

  • 패키지 설치 및 설정: 고민 해봐야됨
  • Loading 컴포넌트에 로딩 애니메이션 적용
  • RoundEndModal에 승리/패배 애니메이션 적용
  • 게임 종료 화면에 최종 승리 애니메이션 적용

🔆 참고 사항

  • 애니메이션 파일은 용량이 작은 것으로 선택
  • 모바일에서도 성능 확인 필요

⏰ 예상 작업 시간

4시간
@rhino-ty rhino-ty self-assigned this Nov 28, 2024
@rhino-ty rhino-ty added 🎨 HTML&CSS Markup & Styles ⚙ Setting Development Environment Setting 💻 FE Frontend Code labels Nov 28, 2024
@rhino-ty rhino-ty changed the title 리액트 앱에서의 Lottie 구현 및 기능 추가 로티(Lottie) 애니메이션 적용으로 게임 UX 개선 Nov 28, 2024
@rhino-ty rhino-ty added this to the Week 5 milestone Nov 28, 2024
@rhino-ty rhino-ty mentioned this issue Nov 28, 2024
Merged
10 tasks
@rhino-ty rhino-ty linked a pull request Nov 28, 2024 that will close this issue
feat: Enhance game UX with Lottie animations #157
Merged
10 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@rhino-ty rhino-ty

Labels
💻 FE Frontend Code 🎨 HTML&CSS Markup & Styles ⚙ Setting Development Environment Setting
Projects
None yet
Milestone
Week 5
Development

Successfully merging a pull request may close this issue.

feat: Enhance game UX with Lottie animations boostcampwm-2024/web30-stop-troublepainter
1 participant
@rhino-ty