· GUI 스킨· 레포트 #176
스킬 탭과 한자 글꼴 (GUI 적용 5단계)
스킬 확정안을 메뉴 스킬 탭으로 적용하고 전투 공격 범위 규칙과 같은 사거리 격자를 그렸다. 한자 이름이 □로 나와서 배포 가능한 Noto Serif KR을 넣고 대체 글꼴로도 등록했다.
배경
- 173에서 스킬 이름(쇄암격·창염일섬)만 먼저 바꾸고, 한자·구분·속성 같은 스킬 탭 전용 정보는 5단계로 미뤘다.
- 확정 시안은 169 스킬 1안 수정본(장면 미리보기 없음)이고, 스킬 값은 170에서 확정한 표를 따른다.
목적
- 메뉴 스킬 탭을 시안대로 적용하고, 스킬 데이터에 메뉴 표시 항목을 채운다.
결과

- 가운데: "◀ 카린 ▶", 분류(전체·검술·오의), 스킬 줄, "배운 스킬 2 / 2"
- 스킬 줄: 아이콘 칸, 이름, 한자, 구분 표식(일반 검술 = 파랑, 창염 오의 = 금색), 요약 · 사거리, TP
- SKILL INFO: 큰 아이콘, 이름, 한자, 구분 표식, TP, 설명, 속성·구분·소모 TP·사거리·대상·연출
- RANGE: (사거리 × 2 + 1)칸 정사각 격자를 마름모로 그린다. 시전자에서 맨해튼 거리 1~사거리인 칸은 파랑, 시전자는 주황으로, 전투 공격 범위 규칙과 같다.
- 사거리가 크면 칸을 줄여 창 폭 520px 안에 맞춘다(사거리 3 = 칸 58px, 시안과 같음). 칸 그림은 코드로 만들었다.
- 스킬 데이터: 쇄암격 碎巖擊(일반 검술, 물리, 적 1명), 창염일섬 蒼炎一閃(창염 오의, 창염 참격, 적 1명, 연출 = 전투 필드)
- 입력은 ↑↓ 스킬 선택, ←→ 캐릭터(지금 1명), 줄·분류 클릭이다.
결정과 이유
- 분류 기준은 오의 연출 연결 여부: 오의 연출이 연결된 스킬은 오의, 나머지는 검술이다. "배운 스킬 N / M"은 지금 분류에 보이는 수 / 배운 전체 수다.
- 속성을 짧게 표기: 쇄암격의 "물리"는 170 표의 "순수 물리 공격"을 줄인 것으로, 창염일섬의 "창염 참격"과 같은 방식이다.
- 한자 글꼴을 대체 글꼴로도 등록: 이름 옆 한자뿐 아니라 고딕 문장 속 한자("창염(蒼炎)")와 다른 화면의 한자도 □ 없이 나오게 하려는 것이다.
고친 문제
- 한자가 □로 나옴
- 증상: 스킬 이름 옆 한자가 □로 나왔다.
- 원인: 지금 글꼴인 나눔고딕에 한자가 없었다.
- 해결: Windows 글꼴 폴더의 Noto Serif KR을 프로젝트에 넣었다. 라이선스가 SIL OFL 1.1이라 게임에 넣어 배포할 수 있다. 이름 옆 한자는 시안처럼 이 명조 글꼴로 쓴다.
검증
- 쇄암격은 사거리 2 격자, 창염일섬은 사거리 3 격자(시안과 같은 모양)로 나온다.
- 분류 오의 → 창염일섬만 "배운 스킬 1 / 2", 검술 → 쇄암격만 나온다. 碎巖擊·蒼炎一閃·창염(蒼炎) 모두 정상으로 보인다.
남은 일
- 글꼴 파일이 약 23 MB라 빌드가 그만큼 커진다. 필요하면 쓰는 한자만 남긴 정적 글꼴로 줄인다.