# 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가 너무 작거나 겹치지 않는지 확인한다.