GIXSOFT
Español
  • tools
  • game-dev
  • sprites
  • design
  • freeware

ShoeBox: la navaja suiza gratis para sprites y arte de juego

ShoeBox de renderhjs es un toolkit gratis de arrastrar y soltar para sprite sheets, bitmap fonts, texture atlases y más — favorito de developers de juego y UI en muchos engines.

  • Windows
  • macOS
GIXSOFT 3 min de lectura Español

Si haces juegos o UI, conoces la molienda: empaquetar sprites en un atlas, cortar una sheet en frames, generar un bitmap font, recortar sprites de una captura. ShoeBox de renderhjs junta todo eso en una app gratis de arrastrar y soltar — y lleva años siendo un clásico silencioso de las toolchains de game-dev.

Qué es

Rejilla de toolbox de ShoeBox con todas las utilities
Cada tool está a un arrastrar y soltar.

ShoeBox es una app Adobe AIR gratis para Windows y macOS llena de tools de juego y UI. Cada tool funciona con una interacción simple de arrastrar y soltar o clipboard: suelta un file en una tool, o copia una imagen/texto y pulsa. Ese es todo el flujo — rápido, táctil, sin setup de proyecto.

Se lleva bien con los engines y frameworks que ya usas: Unity, Starling, Sparrow, Cocos2D, NGUI, pixi.js, HTML5, Corona, andEngine, y más.

Las tools que más importan

  • Pack Sprites — empaqueta muchas imágenes, SWF animados o GIFs en un solo texture atlas.
Tool Pack Sprites con imágenes de entrada listas para el atlas
Suelta sprites — saca un atlas.

  • Read Sprites — exporta cada sprite de una sheet o bitmap font (hace falta la imagen más un file de lookup).

  • Bitmap Font — genera un bitmap font, diseñado en Photoshop, compatible con el formato AngelCode .fnt.

Sprite sheet empaquetada y metadata de salida de ShoeBox
Imagen de atlas más metadata para tu engine.
Preview del generador Bitmap Font en ShoeBox
Bitmap fonts compatibles con AngelCode .fnt.
  • Extract Sprites — detecta sprites en una imagen transparente y los recorta solos.
Tool Extract Sprites cortando frames de una sheet transparente
Auto-detecta frames en sheets transparentes.
  • Extract Tiles — saca un tile map y un banco de tiles de una captura de juego.
  • Split PSD — parte layers de Photoshop en PNG individuales.
  • Texture Ripper — extrae texturas rectangulares de fotos o capturas.
  • Ani Frames / Frame Sheet — convierte un GIF, SWF o secuencia PNG en una animación frame a frame o una sola sheet.
  • Sprite Pivots — edita puntos de registro (pivots) de muchos sprites a la vez.
  • Slice 9 — crea y lee sets 9-patch (slice-9) para UI escalable.
  • Mask Image — enmascara y suaviza una imagen en una composición compleja desde el clipboard.

Cada tool es configurable: clic derecho en una tool y elige una plantilla que coincida con la salida que espera tu engine.

Cómo instalarlo

ShoeBox corre sobre Adobe AIR, así que:

  1. Instala el runtime Adobe AIR.
  2. Desinstala cualquier versión anterior a 3.6.3 primero (se renovó un certificado en builds más nuevos).
  3. Instala el file ShoeBox.air.

Para quién es

Indies, technical artists y cualquiera que envíe contenido 2D sacarán el máximo. ShoeBox no sustituye tu tool de arte — sustituye los pasos intermedios tediosos que suelen comerte la tarde.

Las grandes tools no hacen el trabajo creativo por ti; borran el ajetreo alrededor. ShoeBox es un ejemplo de libro.

Consíguelo en la página ShoeBox de renderhjs.

Guías relacionadas