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.

Схожі гайди