ShoeBox: Das kostenlose Schweizer Taschenmesser für Sprites und Game-Art

ShoeBox von renderhjs ist ein kostenloses Drag-and-drop-Toolkit für Sprite-Sheets, Bitmap-Fonts, Textur-Atlanten und mehr — ein Liebling von Game- und UI-Entwicklern über alle Engines hinweg.

  • Windows
  • macOS

Wer Spiele oder UI baut, kennt die Fleißarbeit: Sprites in einen Atlas packen, ein Sheet wieder in Frames zerlegen, einen Bitmap-Font erzeugen, Sprites aus einem Screenshot ausschneiden. ShoeBox von renderhjs fasst all das in einer kostenlosen Drag-and-drop-App zusammen — und ist seit Jahren ein stiller Standard in Game-Dev-Toolchains.

Was es ist

ShoeBox ist eine kostenlose Adobe-AIR-App für Windows und macOS, vollgepackt mit Werkzeugen rund um Games und UI. Jedes Tool arbeitet per Drag-and-drop oder Zwischenablage: eine Datei auf ein Tool ziehen oder ein Bild bzw. einen Text kopieren und klicken. Das ist der ganze Ablauf — schnell, griffig, ohne Projekt-Setup.

Es harmoniert mit den Engines und Frameworks, die du ohnehin nutzt: Unity, Starling, Sparrow, Cocos2D, NGUI, pixi.js, HTML5, Corona, andEngine und mehr.

Die wichtigsten Werkzeuge

  • Pack Sprites — viele Bilder, animierte SWF oder GIFs in einen einzigen Textur-Atlas packen.
  • Read Sprites — jeden einzelnen Sprite aus einem Sheet oder Bitmap-Font exportieren (benötigt Bild plus Lookup-Datei).
  • Bitmap Font — einen in Photoshop gestalteten Bitmap-Font erzeugen, kompatibel mit dem AngelCode-.fnt-Format.
  • Extract Sprites — Sprites in einem transparenten Bild erkennen und automatisch ausschneiden.
  • Extract Tiles — Tile-Map und Tile-Bank aus einem Spiel-Screenshot herausziehen.
  • Split PSD — Photoshop-Ebenen in einzelne PNG-Dateien aufteilen.
  • Texture Ripper — rechteckige Texturen aus Fotos oder Screenshots extrahieren.
  • Ani Frames / Frame Sheet — eine GIF-, SWF- oder PNG-Sequenz in eine Frame-für-Frame- Animation oder ein einzelnes Animations-Sheet umwandeln.
  • Sprite Pivots — Registrierungspunkte (Pivots) vieler Sprites auf einmal bearbeiten.
  • Slice 9 — 9-Patch-Sets (Slice-9) für skalierbares UI erstellen und lesen.
  • Mask Image — ein Bild aus der Zwischenablage maskieren und weichzeichnen zu einer komplexen Komposition.

Jedes Tool ist konfigurierbar: mit Rechtsklick ein Template wählen, das zum erwarteten Ausgabeformat deiner Engine passt.

Installation

ShoeBox läuft auf Adobe AIR, also:

  1. Die Adobe-AIR-Runtime installieren.
  2. Zuerst jede Version vor 3.6.3 deinstallieren (in neueren Builds wurde ein Zertifikat erneuert).
  3. Die Datei ShoeBox.air installieren.

Für wen es ist

Indie-Entwickler, Technical Artists und alle, die 2D-Inhalte ausliefern, holen am meisten heraus. ShoeBox ersetzt nicht dein Grafikprogramm — es streicht die mühsamen Zwischenschritte, die sonst den halben Nachmittag fressen.

Gute Werkzeuge erledigen nicht die kreative Arbeit für dich; sie löschen den Kleinkram drumherum. ShoeBox ist ein Musterbeispiel dafür.

Hol es dir auf der ShoeBox-Seite von renderhjs.