GIXSOFT
Français
  • tools
  • game-dev
  • sprites
  • design
  • freeware

ShoeBox : le couteau suisse gratuit pour sprites et art de jeu

ShoeBox de renderhjs est un toolkit gratuit glisser-déposer pour sprite sheets, bitmap fonts, texture atlases et plus — un favori des developers jeu et UI sur beaucoup d’engines.

  • Windows
  • macOS
GIXSOFT 3 min de lecture Français

Si vous faites des jeux ou de l’UI, vous connaissez la corvée : packer des sprites dans un atlas, découper une sheet en frames, générer un bitmap font, extraire des sprites d’une capture. ShoeBox de renderhjs rassemble tout ça dans une app gratuite glisser-déposer — et c’est depuis des années un classique discret des toolchains game-dev.

Ce que c’est

Grille toolbox ShoeBox avec toutes les utilities
Chaque tool est à un glisser-déposer.

ShoeBox est une app Adobe AIR gratuite pour Windows et macOS remplie de tools jeu et UI. Chaque tool marche par une interaction simple glisser-déposer ou clipboard : déposez un file sur un tool, ou copiez une image/texte et cliquez. C’est tout le flux — rapide, tactile, sans setup de projet.

Ça s’entend bien avec les engines et frameworks que vous utilisez déjà : Unity, Starling, Sparrow, Cocos2D, NGUI, pixi.js, HTML5, Corona, andEngine, et plus.

Les tools qui comptent le plus

  • Pack Sprites — packez beaucoup d’images, SWF animés ou GIFs dans un seul texture atlas.
Tool Pack Sprites avec images d’entrée prêtes pour l’atlas
Déposez des sprites — sortez un atlas.

  • Read Sprites — exportez chaque sprite d’une sheet ou d’un bitmap font (il faut l’image plus un file de lookup).

  • Bitmap Font — générez un bitmap font, conçu dans Photoshop, compatible avec le format AngelCode .fnt.

Sprite sheet packée et metadata de sortie de ShoeBox
Image d’atlas plus metadata pour votre engine.
Preview du générateur Bitmap Font dans ShoeBox
Bitmap fonts compatibles AngelCode .fnt.
  • Extract Sprites — détectez des sprites dans une image transparente et découpez-les automatiquement.
Tool Extract Sprites découpant des frames d’une sheet transparente
Auto-détection des frames sur sheets transparentes.
  • Extract Tiles — tirez une tile map et une banque de tiles d’une capture de jeu.
  • Split PSD — séparez les layers Photoshop en PNG individuels.
  • Texture Ripper — extraire des textures rectangulaires de photos ou captures.
  • Ani Frames / Frame Sheet — transformez un GIF, SWF ou séquence PNG en animation frame par frame ou en une seule sheet.
  • Sprite Pivots — éditez les points d’enregistrement (pivots) de beaucoup de sprites d’un coup.
  • Slice 9 — créez et lisez des sets 9-patch (slice-9) pour une UI scalable.
  • Mask Image — masquez et featherez une image en composition complexe depuis le clipboard.

Chaque tool est configurable : clic droit sur un tool et choisissez un template qui colle à la sortie attendue par votre engine.

L’installer

ShoeBox tourne sur Adobe AIR, donc :

  1. Installez le runtime Adobe AIR.
  2. Désinstallez d’abord toute version avant 3.6.3 (un certificat a été renouvelé dans les builds plus récents).
  3. Installez le file ShoeBox.air.

Pour qui c’est

Indies, technical artists, et quiconque shippe du 2D en tireront le plus. ShoeBox ne remplace pas votre tool d’art — il remplace les étapes intermédiaires ennuyeuses qui vous mangent souvent l’après-midi.

Les grandes tools ne font pas le travail créatif à votre place ; elles effacent le travail occupé autour. ShoeBox est un exemple de manuel.

Récupérez-le sur la page ShoeBox de renderhjs.

Guides associés