ShoeBox: 스프라이트와 게임 아트를 위한 무료 만능칼

renderhjs의 ShoeBox는 스프라이트 시트, 비트맵 폰트, 텍스처 아틀라스 등을 위한 무료 드래그 앤 드롭 툴킷입니다 — 여러 엔진의 게임·UI 개발자가 즐겨 씁니다.

  • Windows
  • macOS

게임이나 UI를 만들면 그 맷돌을 압니다. 스프라이트를 아틀라스에 넣고, 시트를 프레임으로 자르고, 비트맵 폰트를 만들고, 스크린샷에서 스프라이트를 오리는 일. renderhjs의 ShoeBox는 그걸 무료 드래그 앤 드롭 앱 하나에 넣었습니다 — 수년간 게임 개발 툴체인의 조용한 고전입니다.

무엇인가

모든 유틸이 있는 ShoeBox 툴박스 그리드
각 도구는 드래그 앤 드롭 한 번.

ShoeBox는 게임·UI 도구로 가득한 Windows와 macOS용 무료 Adobe AIR 앱입니다. 각 도구는 단순한 드래그 앤 드롭 또는 클립보드로 동작합니다. 파일을 도구에 놓거나 이미지/텍스트를 복사하고 클릭. 그게 전체 흐름입니다 — 빠르고, 촉각적이고, 프로젝트 설정 없음.

이미 쓰는 엔진·프레임워크와 잘 맞습니다: Unity, Starling, Sparrow, Cocos2D, NGUI, pixi.js, HTML5, Corona, andEngine 등.

가장 중요한 도구들

  • Pack Sprites — 여러 이미지, 애니메이션 SWF, GIF를 하나의 texture atlas로.
아틀라스 준비가 된 입력 이미지가 있는 Pack Sprites 도구
스프라이트를 놓고 — 아틀라스로 나옵니다.
  • Read Sprites — 시트나 비트맵 폰트에서 각 스프라이트를 내보냅니다 (이미지 + lookup 파일 필요).

  • Bitmap Font — Photoshop에서 디자인한, AngelCode .fnt 형식과 호환되는 비트맵 폰트 생성.

ShoeBox의 패킹된 스프라이트 시트와 출력 메타데이터
엔진용 아틀라스 이미지와 메타데이터.
ShoeBox Bitmap Font 생성기 미리보기
AngelCode .fnt와 호환되는 비트맵 폰트.
  • Extract Sprites — 투명 이미지에서 스프라이트를 감지하고 자동으로 자릅니다.
투명 시트에서 프레임을 자르는 Extract Sprites 도구
투명 시트에서 프레임을 자동 감지.
  • Extract Tiles — 게임 스크린샷에서 타일 맵과 타일 뱅크를 뽑습니다.
  • Split PSD — Photoshop 레이어를 개별 PNG로.
  • Texture Ripper — 사진이나 스크린샷에서 직사각형 텍스처를 추출.
  • Ani Frames / Frame Sheet — GIF, SWF, PNG 시퀀스를 프레임 애니메이션이나 한 시트로.
  • Sprite Pivots — 많은 스프라이트의 등록점(피벗)을 한 번에 편집.
  • Slice 9 — 스케일 가능한 UI용 9-patch (slice-9) 세트를 만들고 읽기.
  • Mask Image — 클립보드에서 복잡한 합성에 마스크와 페더.

각 도구는 설정할 수 있습니다. 도구를 우클릭하고 엔진이 기대하는 출력에 맞는 템플릿을 고르세요.

설치 방법

ShoeBox는 Adobe AIR에서 돌아가므로:

  1. Adobe AIR 런타임을 설치합니다.
  2. 3.6.3 이전 버전은 먼저 제거합니다 (새 빌드에서 인증서가 갱신됨).
  3. ShoeBox.air 파일을 설치합니다.

누구를 위한가

인디, 테크니컬 아티스트, 2D 콘텐츠를 내는 사람이 가장 많이 얻습니다. ShoeBox는 아트 도구를 대체하지 않습니다 — 오후를 잡아먹는 지루한 중간 단계를 대체합니다.

좋은 도구는 창작을 대신하지 않습니다. 주변의 루틴을 지웁니다. ShoeBox는 교과서 예입니다.

renderhjs의 ShoeBox 페이지에서 받으세요.