UnitForge Web Pixel Art Character Generator

왼쪽 = 미리보기, 오른쪽 = 파츠 패널

왼쪽 캔버스에서 조립된 캐릭터가 실시간 애니메이션으로 재생됩니다. 오른쪽 패널에서 파츠 선택·색상·조정·내보내기를 모두 조작합니다. 캐릭터는 기본적으로 왼쪽을 바라보며, 모든 동작(공격·이동)도 왼쪽 기준입니다.

카테고리별 드롭다운으로 교체

몸(베이스)·머리카락·투구·갑옷·부츠·무기·방패를 각각 선택합니다. 없음을 고르면 해당 장비를 벗습니다. 목록의 ★는 이 브라우저에 저장된 커스텀 파츠입니다.

오른쪽 + 버튼은 커스텀 파츠 업로드입니다 (6번 참조).

색상 변경 (머리카락)

색상 칸이 있는 카테고리는 원하는 색으로 틴트(염색)할 수 있습니다. 흰색(#ffffff)이 원본 색입니다.

X/Y = 위치(픽셀), R = 기울기(도)

• X: 가로 이동 (+ 오른쪽), Y: 세로 이동 (+ 아래) — 각 ±8px, 1px 단위
• R: 기울기 — 무기·방패에만 표시, ±90°, 15° 단위
• 무기의 회전 축은 그립(손잡이), 방패는 중심 — 기울여도 손에서 떨어지지 않고, 공격 애니메이션에도 기울인 채 그대로 적용됩니다

밀봉 / 눈 보임 / 오픈

• 밀봉: 얼굴 완전 가림 (기본)
• 눈 보임: 투구 형태는 유지한 채 바이저 슬릿으로만 얼굴이 보임
• 오픈: 얼굴 창 전체가 열림 — 투구만 있을 때는 안쪽 내부가 보임

밀폐형 투구("Closed" 표기)에만 적용되고, 캡형·오픈형 투구는 영향을 받지 않습니다.

5가지 동작 미리보기

IDLE(대기)·MOVE(이동)·ATTACK(공격)·DAMAGED(피격)·DEATH(사망)을 실시간 재생합니다. ↔ 방향 전환으로 좌/우를 뒤집고, ⏸ 정지로 특정 순간을 멈춰 확인할 수 있습니다.

활이나 총기를 장착하면 전용 공격 애니메이션(BOW_ATTACK / PISTOL_ATTACK)이 목록에 추가되고, 다른 무기로 바꾸면 사라집니다.

내가 그린 파츠를 직접 장착

각 카테고리의 + 버튼을 누르면 업로드 창이 열립니다. 창에 표시되는 규격·가이드를 따라 그리세요. 핵심 규칙:

• 캔버스는 32×32 도트 — 같은 그림을 N배 확대(권장 8배=256×256, 1도트=N×N 블록)해 그려도 됩니다. 좌표는 항상 도트 기준
• 무기: 그립을 (23,23) 도트에, 날은 오른쪽(+x) 방향으로
• 모자·투구(캡형): 얼굴 영역을 비울 것 (침범 픽셀은 자동 제거)
• 밀폐형 투구: 눈이 보일 부분을 순수 검정 #000000으로 칠하면 3모드가 자동 생성 (윤곽선은 #0A0A0A 등 준검정 사용)
• 📥 샘플 다운로드로 올바른 형식의 예시 파일을 받아 참고하세요

PNG 형식만 허용되며 파일 내용까지 검사합니다. 여러 파일을 한 번에 드래그해 올릴 수 있고(파일명 = 파츠 이름), 업로드된 파츠는 목록에 ★로 추가되어 위치·기울기 조정, 애니메이션, 내보내기가 전부 동일하게 작동합니다.

커스텀 파츠를 목록에서 선택하면 🗑 버튼이 나타나며, 눌러서 삭제할 수 있습니다.

브라우저를 비워도 파츠 유지하기

커스텀 파츠는 이 브라우저에만 저장됩니다(★). 어디에도 업로드되지 않고 계정도 필요 없지만, 브라우저 데이터를 지우면 함께 사라집니다.

화면 아래 ⬇ 백업 내보내기를 누르면 모든 커스텀 파츠가 .json 파일 하나로 저장됩니다. ⬆ 백업 불러오기로 이 기기에서든 다른 기기에서든 되돌릴 수 있습니다. 덮어쓰지 않고 병합하므로 같은 파일을 두 번 불러와도 안전합니다.

PNG 한 컷 / 스프라이트시트

• PNG 내보내기: 정지된 IDLE 자세 1컷 (192×192)
• 시트 내보내기: "시트 대상"에서 고른 애니메이션의 8프레임 시트 (프레임당 48×48 네이티브 픽셀)
• 전체를 고르면 사용 가능한 애니메이션이 행으로 쌓인 시트 한 장 (5종 기준 384×240)
• Godot용 내보내기: Godot 4에서 바로 쓰는 스프라이트 시트 + SpriteFrames(.tres) + 선택적 씬(.tscn) — 프로젝트 폴더에 넣으면 그대로 재생됩니다
• 파츠 조정·기울기·방향 상태가 내보내기에 그대로 반영됩니다
• 스테이지의 빨간 점선 박스가 내보내기 프레임 — 밖으로 나간 픽셀은 잘립니다

몬스터 탭은 바로 쓸 수 있는 몬스터 도감입니다 — 여러 리그 유형(대형 인간형·슬라임·유령·박쥐·4족 짐승·벌레·버섯·미믹·서펀트)에 걸쳐 17종. 하나 고르고 색상을 정한 뒤(프리셋 견본이나 원하는 색 — 내보내기에도 적용됨) 5종 애니메이션을 미리보고, 캐릭터처럼 PNG나 시트로 내보낼 수 있습니다.

• 몬스터는 장비 슬롯이 없는 단일 리그입니다
• DEATH는 1회 재생 후 마지막 포즈를 유지합니다

캐릭터 에디터에서는 커스텀 파츠를 픽셀 단위로 직접 그리거나, 기존 파츠를 불러와 수정할 수 있습니다. 펜·지우개·채우기·스포이드, 팔레트, 되돌리기·다시실행(Ctrl+Z / Ctrl+Y), 우클릭 지우개.

• 카테고리를 고른 뒤 불러오기로 베이스를 편집하거나 “— 새로 만들기 —”로 시작합니다
• 흐린 몸은 조립 위치 가이드, 빨간 점선 = 얼굴 창(캡형은 자동 제거), 파란 십자 = 그립/중심 앵커
• 모든 화면이 캐릭터 탭과 같은 좌향으로 통일되어 있고, 미리보기는 착용 결과를 실시간으로 보여줍니다. 조정 X/Y는 두 화면 모두에서 파츠를 이동시키고, R(기울기)은 미리보기와 저장값에만 적용됩니다 — 그리는 캔버스는 항상 정립으로 유지되어 격자 한 칸 = 픽셀 한 개가 정확히 맞아떨어집니다
• 파츠로 저장하면 캐릭터 탭 목록에 추가됩니다(★ 이 브라우저) — 업로드와 동일 파이프라인이라 그라운드룰(얼굴 창, 밀폐형 3모드)이 자동 적용됩니다