사용법 — 스샷 위 ●번호 핀이나 아래 목록을 클릭하면 해당 컴포넌트가 하이라이트돼요. 각 항목에 유지/수정을 고르고, 수정이면 코멘트를 적어주세요. (유지 상태에서 항목을 다시 클릭하면 메모란이 열려요)
실물 확인: https://nf-pages.pages.dev/nightfall-showcase/?seed=42 — 쇼케이스 빌드(ThreeJS 렌더러 기본, 깨지면 ?gfx=css) 기준이에요. 시드 42로 진행하면 이 스샷과 같은 흐름 · 입력은 브라우저에 자동 저장돼요.
다 되면 상단 📋 답변 복사 → 슬랙/채팅에 붙여넣기. 부분 응답도 복사돼요.
01 데모 팁 모달
첫 진입 시 뜨는 「데모 보는 법」 안내 모달 (뒤는 라이벌 화면).
▶ 라이브로 열기
02 라이벌 선택
리디자인된 라이벌 카드 — 플레이트 초상·성향 트레이트·인사말·배지.
▶ 라이브로 열기
03 코인플립
풀 스테이지 리디자인 — 양측 요약 패널+코인 풀+권리 안내+진행 예고.
▶ 라이브로 열기
04 맵 베토
맵 카드에 스탯·구성 바·깊이 추가 + 하단 풋 요약(랭크·룰·풀).
▶ 라이브로 열기
05 밴픽 — 밴 단계
로스터 카드에 스탯 추가(ATK-0 수정건), 밴 플레이트·팀 요약·드래프트 맵 신설.
▶ 라이브로 열기
06 밴픽 — 픽 단계
픽 진행 상태. 공통 컴포넌트 코멘트는 05 화면에.
▶ 라이브로 열기
07 블라인드 셋업 — 배치 전
라이벌 레일·보드 밴드·고스트 프리뷰·진행 바·체크리스트 신설.
▶ 라이브로 열기
08 블라인드 셋업 — 배치 완료
배치 완료 상태 — 보드 위 스프라이트+받침.
▶ 라이브로 열기
09 매치 — ThreeJS 스테이지 (기본 뷰)
7/31 패스의 핵심 — ThreeJS 렌더러 기본 전환 + 로스터 카드 사이드 신설.
▶ 라이브로 열기
10 매치 — 액션 선택 상태
유닛 액팅 상태 — 액션 키 상세·이동 플레이트·독 액티브.
▶ 라이브로 열기
11 매치 — 평면(택티컬) 뷰
플랫 토글 — 레전드·사이드·유닛 HP바 추가.
▶ 라이브로 열기
12 매치 — 채팅 오버레이 (방송 크롬)
방송 목업 크롬 — 시청자 수·카테고리·팔로우 버튼 추가.
▶ 라이브로 열기
13 게임 결과
리디자인 — 스코어보드 밴드·6유닛 그리드(HP/탈리)·브래킷·가이드.
▶ 라이브로 열기
14 시리즈 종료
Bo3 종료 — 상단 브래킷 요약·사이드 풀·게임 바 그래프.
▶ 라이브로 열기
🧾 총평 / 우선순위
전체 인상, 가장 먼저 고치고 싶은 것 순서 등