feat(shop): 1펫 뽑기 UX 개편 — 카드 뽑기 → 풀스크린 알 부화 연출

[sumi-0011]

배경

기존 1펫 뽑기는 부채꼴 카드 뽑기(모달) → 성공 토스트 → 별도 결과 오버레이로 연출이 끊기고, 큰 박스 모달 안에 콘텐츠가 듬성듬성 배치돼 화면이 깨져 보였습니다. postGotcha API는 그대로 두고 UX/애니메이션만 개선했습니다.

변경

• 연출 교체: 부채꼴 카드 뽑기(FanDrawingGame) 제거 → 픽셀 알 부화 기반 GachaHatchGame 신설
• 티어 연동: dropRate에서 티어(EX/S+/A+/B-) 파생 → 오라·컨페티·부화 속도/흔들림·희귀 광선 차등 (새 API 없음)
• 풀스크린 몰입형: 박스 모달 → size=screen, 스포일러 토스트·중복 타이틀 제거
• 오조작 방지: 뽑는 중엔 X/Esc/오버레이 닫기 차단 → 포인트만 쓰고 결과 못 보는 상황 방지
• 픽셀 canvas-confetti, prefers-reduced-motion 존중, 탭 스킵

테스트

• 실제 shop 1펫 뽑기 확인(MOLE 2.0% B-), type-check/lint 통과

⚠️ 머지 전 확인

• 알 스프라이트(egg-hatch.png, iamcrog/VIERGACHT)는 itch.io "Royalty Free"만 있고 명시적 상용 라이선스 없음 → 확인 후 머지(또는 라이선스 명확한 에셋 교체), 크레딧 권장
• TenPet은 범위 외(후속 확장 가능)

🤖 Generated with Claude Code

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 96159bf6-e026-4fe9-83cf-b4497340e3c3

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch onepet-flashy-animation-ideas

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}