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 toolbox grid with all utilities
Every tool is one drag-and-drop away.

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 tool with input images ready to atlas
Drop sprites in — get an atlas out.
Packed sprite sheet and metadata output from ShoeBox
Atlas image plus metadata for your engine.
Bitmap Font generator preview in ShoeBox
Bitmap fonts compatible with AngelCode .fnt.
Extract Sprites tool cutting frames from a transparent sheet
Auto-detect frames on transparent sheets.
  • 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.