GIXSOFT
Polski
  • tools
  • game-dev
  • sprites
  • design
  • freeware

ShoeBox: darmowy scyzoryk do sprite’ów i grafiki gier

ShoeBox od renderhjs to darmowy toolkit drag-and-drop do sprite sheetów, bitmap fontów, texture atlasów i więcej — ulubieniec deweloperów gier i UI na wielu silnikach.

  • Windows
  • macOS
GIXSOFT 2 min czytania Polski

Jeśli robisz gry albo UI, znasz harówkę: pakowanie sprite’ów w atlas, cięcie arkusza na klatki, generowanie bitmap fontu, wycinanie sprite’ów ze screenshota. ShoeBox od renderhjs wrzuca to do jednej darmowej aplikacji drag-and-drop — i od lat jest cichą klasyką w toolchainach game-dev.

Czym jest

Siatka toolboxa ShoeBox ze wszystkimi narzędziami
Każde narzędzie jest o jeden drag-and-drop.

ShoeBox to darmowa aplikacja Adobe AIR na Windows i macOS pełna narzędzi do gier i UI. Każde narzędzie działa przez prostą interakcję drag-and-drop albo schowek: upuść plik na narzędzie albo skopiuj obraz/tekst i kliknij. To cały flow — szybko, dotykowo, bez setupu projektu.

Dogaduje się z silnikami i frameworkami, których już używasz: Unity, Starling, Sparrow, Cocos2D, NGUI, pixi.js, HTML5, Corona, andEngine i innymi.

Narzędzia, które naprawdę się liczą

  • Pack Sprites — spakuj wiele obrazów, animowane SWF albo GIF w jeden texture atlas.
Narzędzie Pack Sprites z obrazami wejściowymi gotowymi do atlasu
Upuść sprite’y — wyjdź z atlasem.

  • Read Sprites — eksportuj każdy sprite z arkusza albo bitmap fontu (potrzebujesz obrazu plus pliku lookup).

  • Bitmap Font — generuj bitmap font, projektowany w Photoshopie, zgodny z formatem AngelCode .fnt.

Spakowany sprite sheet i metadane wyjściowe z ShoeBox
Obraz atlasu plus metadane dla Twojego silnika.
Podgląd generatora Bitmap Font w ShoeBox
Bitmap fonty zgodne z AngelCode .fnt.
  • Extract Sprites — wykryj sprite’y na przezroczystym obrazie i wytnij je automatycznie.
Narzędzie Extract Sprites tnące klatki z przezroczystego arkusza
Automatycznie wykrywaj klatki na przezroczystych arkuszach.
  • Extract Tiles — wyciągnij tile map i bank kafelków ze screenshota gry.
  • Split PSD — rozbij warstwy Photoshopa na osobne PNG.
  • Texture Ripper — wyodrębnij prostokątne tekstury ze zdjęć albo screenshotów.
  • Ani Frames / Frame Sheet — zamień GIF, SWF albo sekwencję PNG w animację klatka po klatce albo jeden arkusz.
  • Sprite Pivots — edytuj punkty rejestracji (pivots) wielu sprite’ów naraz.
  • Slice 9 — twórz i czytaj zestawy 9-patch (slice-9) do skalowalnego UI.
  • Mask Image — maskuj i feather obraz w złożonej kompozycji ze schowka.

Każde narzędzie jest konfigurowalne: kliknij prawym i wybierz szablon pasujący do outputu, jakiego oczekuje Twój silnik.

Jak zainstalować

ShoeBox działa na Adobe AIR, więc:

  1. Zainstaluj runtime Adobe AIR.
  2. Najpierw odinstaluj każdą wersję starszą niż 3.6.3 (w nowszych buildach odnowiono certyfikat).
  3. Zainstaluj plik ShoeBox.air.

Dla kogo jest

Indie, technical artist i każdy, kto wysyła content 2D, wyciągnie z tego najwięcej. ShoeBox nie zastępuje narzędzia artystycznego — zastępuje nudne kroki pośrednie, które zwykle zjadają popołudnie.

Świetne narzędzia nie robią za Ciebie pracy kreatywnej; kasują rutynę wokół. ShoeBox to podręcznikowy przykład.

Weź ze strony ShoeBox renderhjs.

Powiązane poradniki