GIXSOFT
Русский
  • tools
  • game-dev
  • sprites
  • design
  • freeware

ShoeBox: бесплатный швейцарский нож для спрайтов и игровой графики

ShoeBox от renderhjs — бесплатный drag-and-drop набор для sprite sheet, bitmap font, texture atlas и больше — любимец разработчиков игр и UI на многих движках.

  • Windows
  • macOS
GIXSOFT 2 мин чтения Русский

Если делаете игры или UI, вы знаете жернова: паковать спрайты в атлас, резать лист на кадры, генерировать bitmap font, вырезать спрайты со скриншота. ShoeBox от renderhjs кладёт это в одно бесплатное drag-and-drop приложение — и годами остаётся тихой классикой в toolchain game-dev.

Что это

Сетка toolbox ShoeBox со всеми утилитами
Каждый инструмент — на один drag-and-drop.

ShoeBox — бесплатное приложение Adobe AIR для Windows и macOS с кучей игровых и UI-инструментов. Каждый инструмент работает простым drag-and-drop или буфером: бросьте файл на инструмент или скопируйте изображение/текст и кликните. Это весь поток — быстро, тактильно, без настройки проекта.

Хорошо дружит с движками и фреймворками, которые вы уже используете: Unity, Starling, Sparrow, Cocos2D, NGUI, pixi.js, HTML5, Corona, andEngine и другими.

Инструменты, которые больше всего важны

  • Pack Sprites — упакуйте много изображений, анимированные SWF или GIF в один texture atlas.
Инструмент Pack Sprites с входными изображениями, готовыми к атласу
Бросьте спрайты — выйдите с атласом.

  • Read Sprites — экспортируйте каждый спрайт из листа или bitmap font (нужно изображение плюс lookup-файл).

  • Bitmap Font — сгенерируйте bitmap font, спроектированный в Photoshop, совместимый с форматом AngelCode .fnt.

Упакованный sprite sheet и выходные метаданные из ShoeBox
Изображение атласа плюс метаданные для вашего движка.
Предпросмотр генератора Bitmap Font в ShoeBox
Bitmap font, совместимые с AngelCode .fnt.
  • Extract Sprites — найдите спрайты на прозрачном изображении и обрежьте их автоматически.
Инструмент Extract Sprites режет кадры с прозрачного листа
Автодетект кадров на прозрачных листах.
  • Extract Tiles — вытяните tile map и банк тайлов из скриншота игры.
  • Split PSD — разбейте слои Photoshop на отдельные PNG.
  • Texture Ripper — извлеките прямоугольные текстуры из фото или скриншотов.
  • Ani Frames / Frame Sheet — превратите GIF, SWF или последовательность PNG в покадровую анимацию или один лист.
  • Sprite Pivots — правьте точки регистрации (pivots) многих спрайтов сразу.
  • Slice 9 — создавайте и читайте наборы 9-patch (slice-9) для масштабируемого UI.
  • Mask Image — маскируйте и feather изображение в сложной композиции из буфера.

Каждый инструмент настраивается: правый клик по инструменту и шаблон под вывод, который ждёт ваш движок.

Как установить

ShoeBox работает на Adobe AIR, поэтому:

  1. Установите runtime Adobe AIR.
  2. Сначала удалите любую версию старше 3.6.3 (в новых сборках обновлён сертификат).
  3. Установите файл ShoeBox.air.

Для кого это

Инди, technical artist и все, кто шлёт 2D-контент, получат максимум. ShoeBox не заменяет арт-инструмент — заменяет скучные промежуточные шаги, которые обычно съедают полдень.

Большие инструменты не делают творческую работу за вас; они снимают рутину вокруг. ShoeBox — учебный пример.

Возьмите со страницы ShoeBox renderhjs.

Похожие гайды