2nd/00_Raw/2026-04-26-Skybound_Combat_Safe_Micro_HUD_Pass.md

Skybound Combat Safe Micro HUD Pass

작성일: 2026-04-26 14:55 KST

요청 요약

• 게임 화면 위에 정보 UI가 크게 떠 있어 전투 화면을 가린다.
• 현재 HUD 크기와 정렬이 정리정돈되어 보이지 않는다.
• 생존 슈터 플레이에서 UI가 전투 공간을 침범하는 것이 맞는지 재검토가 필요하다.

핵심 문제

기존 HUD는 정보를 많이 보여주려는 방향으로 구성되어 있었다.

하지만 Skybound는 세로형 탑다운 생존 슈터이기 때문에, 실제 플레이 중에는 전투 공간과 탄 회피 시야가 가장 중요하다.

기존 HUD 문제:

• HUD가 2줄 구조로 상단 전투 공간을 크게 덮었다.
• Best Run처럼 전투 중 즉시 판단에 필요하지 않은 정보도 상시 노출되었다.
• 버튼과 상태 카드가 커서 게임 화면보다 UI가 먼저 보였다.
• 정보 우선순위가 생존 판단보다 상태판 노출에 가까웠다.

적용한 변경

한 줄 Micro HUD로 축소

플레이 HUD를 한 줄짜리 미니 상태바로 줄였다.

남긴 정보:

• Stage / Phase
• Tactical Level / EXP
• Hull Core
• Bombs
• Lock-On
• Fullscreen / Settings / Pause

숨긴 정보:

• Best Run

의도:

• 전투 중 바로 필요한 정보만 남긴다.
• 점수/기록 정보는 결과 화면이나 별도 화면에서 확인하는 것이 더 자연스럽다.
• 상단 UI가 보스, 적기, 탄막, 아이템을 가리지 않게 한다.

카드 크기와 시각 무게 감소

HUD 카드의 높이, padding, border, button size를 모두 줄였다.

변경:

• HUD 높이 약 38px 기준으로 축소
• 버튼 크기 축소
• 카드 그림자와 외곽선 두께 완화
• Reticle 장식 투명도 감소

의도:

• 톤앤매너는 유지하되, 전투 화면의 주인공은 UI가 아니라 기체/적/탄막이 되게 한다.
• 사용자는 HUD를 “볼 수는 있지만 의식하지 않아도 되는” 수준으로 인지하게 한다.

수정 파일

• /Volumes/Data/project/Antigravity/Skybound/src/features/game/ui/HUDOverlay.css

검증

• npm run build 성공
• 출력 디렉터리: dist/33

후속 플레이테스트 체크 포인트

• 상단 HUD가 전투 판단을 방해하지 않는지 확인한다.
• HP, Level, Bomb, Lock-On이 작아졌어도 읽히는지 확인한다.
• Best Run을 숨겨도 플레이 중 정보 부족이 느껴지지 않는지 확인한다.
• 브라우저 창과 전체화면 양쪽에서 HUD가 너무 작거나 겹치지 않는지 확인한다.