ShoeBox: het gratis Swiss-army knife voor sprites en game-art

ShoeBox van renderhjs is een gratis drag-and-drop toolkit voor sprite sheets, bitmap fonts, texture atlases en meer — een favoriet van game- en UI-developers op veel engines.

  • Windows
  • macOS

Als je games of UI maakt, ken je de maalsteen: sprites in een atlas packen, een sheet in frames snijden, een bitmap font genereren, sprites uit een screenshot knippen. ShoeBox van renderhjs stopt dat in één gratis drag-and-drop app — en is al jaren een stille klassieker in game-dev toolchains.

Wat het is

ShoeBox-toolboxgrid met alle utilities
Elke tool is één drag-and-drop verwijderd.

ShoeBox is een gratis Adobe AIR-app voor Windows en macOS vol game- en UI-tools. Elke tool werkt met een simpele drag-and-drop- of clipboard-interactie: drop een bestand op een tool, of kopieer een afbeelding/tekst en klik. Dat is de hele flow — snel, tactiel, geen projectsetup.

Het speelt goed samen met engines en frameworks die je al gebruikt: Unity, Starling, Sparrow, Cocos2D, NGUI, pixi.js, HTML5, Corona, andEngine, en meer.

De tools die het meest tellen

  • Pack Sprites — pack veel afbeeldingen, geanimeerde SWF’s of GIF’s in één texture atlas.
Pack Sprites-tool met inputbeelden klaar voor de atlas
Drop de sprites — kom eruit met een atlas.
  • Read Sprites — exporteer elk sprite uit een sheet of bitmap font (je hebt de afbeelding plus een lookup-bestand nodig).

  • Bitmap Font — genereer een bitmap font, ontworpen in Photoshop, compatibel met het AngelCode .fnt-formaat.

Gepackte sprite sheet en output-metadata van ShoeBox
Atlasafbeelding plus metadata voor je engine.
Preview van de Bitmap Font-generator in ShoeBox
Bitmap fonts compatibel met AngelCode .fnt.
  • Extract Sprites — detecteer sprites in een transparante afbeelding en knip ze automatisch bij.
Extract Sprites-tool die frames uit een transparante sheet snijdt
Auto-detecteer frames op transparante sheets.
  • Extract Tiles — trek een tile map en tile bank uit een game-screenshot.
  • Split PSD — splits Photoshop-lagen in losse PNG’s.
  • Texture Ripper — extraheer rechthoekige textures uit foto’s of screenshots.
  • Ani Frames / Frame Sheet — verander een GIF, SWF of PNG-reeks in een frame-voor-frame animatie of één sheet.
  • Sprite Pivots — bewerk registratiepunten (pivots) van veel sprites tegelijk.
  • Slice 9 — maak en lees 9-patch (slice-9) sets voor schaalbare UI.
  • Mask Image — maskeer en feather een afbeelding in een complexe compositie vanaf het clipboard.

Elke tool is configureerbaar: rechtsklik een tool en kies een template dat past bij de output die je engine verwacht.

Hoe je het installeert

ShoeBox draait op Adobe AIR, dus:

  1. Installeer de Adobe AIR-runtime.
  2. Verwijder eerst elke versie ouder dan 3.6.3 (een certificaat is vernieuwd in nieuwere builds).
  3. Installeer het ShoeBox.air-bestand.

Voor wie het is

Indies, technical artists en iedereen die 2D-content shipped, haalt er het meest uit. ShoeBox vervangt het art-tool niet — het vervangt de saaie tussenstappen die normaal je middag opeten.

Grote tools doen het creatieve werk niet voor je; ze schrappen het routinewerk eromheen. ShoeBox is een schoolvoorbeeld.

Haal het van de ShoeBox-pagina van renderhjs.