GIXSOFT
Português (Brasil)
  • tools
  • game-dev
  • sprites
  • design
  • freeware

ShoeBox: o canivete suíço grátis para sprites e arte de jogo

ShoeBox do renderhjs é um toolkit grátis de arrastar e soltar para sprite sheets, bitmap fonts, texture atlases e mais — favorito de developers de jogo e UI em vários engines.

  • Windows
  • macOS
GIXSOFT 3 min de leitura Português (Brasil)

Se você faz jogos ou UI, conhece a moagem: empacotar sprites num atlas, fatiar uma sheet em frames, gerar um bitmap font, recortar sprites de um print. ShoeBox do renderhjs junta tudo isso num app grátis de arrastar e soltar — e há anos é um clássico silencioso das toolchains de game-dev.

O que é

Grade da toolbox do ShoeBox com todas as utilities
Cada tool está a um arrastar e soltar.

ShoeBox é um app Adobe AIR grátis para Windows e macOS cheio de tools de jogo e UI. Cada tool funciona com uma interação simples de arrastar e soltar ou clipboard: solte um file numa tool, ou copie uma imagem/texto e clique. Esse é o fluxo inteiro — rápido, tátil, sem setup de projeto.

Combina com os engines e frameworks que você já usa: Unity, Starling, Sparrow, Cocos2D, NGUI, pixi.js, HTML5, Corona, andEngine, e mais.

As tools que mais importam

  • Pack Sprites — empacote muitas imagens, SWF animado ou GIFs num único texture atlas.
Tool Pack Sprites com imagens de entrada prontas para o atlas
Solte sprites — saia com um atlas.

  • Read Sprites — exporte cada sprite de uma sheet ou bitmap font (precisa da imagem mais um file de lookup).

  • Bitmap Font — gere um bitmap font, desenhado no Photoshop, compatível com o formato AngelCode .fnt.

Sprite sheet empacotada e metadata de saída do ShoeBox
Imagem de atlas mais metadata para o seu engine.
Preview do gerador Bitmap Font no ShoeBox
Bitmap fonts compatíveis com AngelCode .fnt.
  • Extract Sprites — detecte sprites numa imagem transparente e recorte sozinho.
Tool Extract Sprites cortando frames de uma sheet transparente
Auto-detecte frames em sheets transparentes.
  • Extract Tiles — puxe um tile map e um banco de tiles de um print de jogo.
  • Split PSD — separe layers do Photoshop em PNGs individuais.
  • Texture Ripper — extraia texturas retangulares de fotos ou prints.
  • Ani Frames / Frame Sheet — vire um GIF, SWF ou sequência PNG numa animação frame a frame ou numa sheet só.
  • Sprite Pivots — edite pontos de registro (pivots) de muitos sprites de uma vez.
  • Slice 9 — crie e leia sets 9-patch (slice-9) para UI escalável.
  • Mask Image — máscara e feather uma imagem numa composição complexa a partir do clipboard.

Cada tool é configurável: clique com o direito numa tool e escolha um template que bata com a saída que seu engine espera.

Como instalar

ShoeBox roda em Adobe AIR, então:

  1. Instale o runtime Adobe AIR.
  2. Desinstale qualquer versão anterior a 3.6.3 primeiro (um certificado foi renovado em builds mais novos).
  3. Instale o file ShoeBox.air.

Para quem é

Indies, technical artists e quem envia conteúdo 2D vão tirar o máximo. ShoeBox não substitui sua tool de arte — substitui os passos no meio tediosos que costumam comer a sua tarde.

Ótimas tools não fazem o trabalho criativo por você; apagam o corre ao redor. ShoeBox é exemplo de livro.

Pegue na página ShoeBox do renderhjs.

Guias relacionados