ShoeBox:精灵图和游戏美术的免费瑞士军刀

renderhjs 的 ShoeBox 是免费拖放工具包,做 sprite sheet、bitmap font、texture atlas 等——许多引擎上的游戏和 UI 开发者都爱用。

  • Windows
  • macOS

做游戏或 UI,你就认识这套磨:把精灵打进图集、把表切成帧、生成 bitmap font、从截图抠精灵。renderhjs 的 ShoeBox 把这些放进一个免费拖放应用——多年来一直是游戏开发工具链里安静的经典。

它是什么

带全部工具的 ShoeBox 工具箱网格
每个工具都是一次拖放。

ShoeBox 是 Windows 和 macOS 上的免费 Adobe AIR 应用,装满游戏和 UI 工具。每个工具都用简单的 拖放或剪贴板:把文件丢到工具上,或复制图像/文本再点一下。整个流程就是这样——快、可摸,不用建项目。

和你已经在用的引擎、框架合得来:Unity、Starling、Sparrow、Cocos2D、NGUI、pixi.js、HTML5、Corona、andEngine 等。

最关键的那些工具

  • Pack Sprites — 把许多图像、动画 SWF 或 GIF 打成一个 texture atlas。
输入图像已准备好打图集的 Pack Sprites 工具
丢下精灵——带着图集出来。
  • Read Sprites — 从表或 bitmap font 导出每个精灵(需要图像加 lookup 文件)。

  • Bitmap Font — 生成在 Photoshop 里设计的、兼容 AngelCode .fnt 的 bitmap font。

ShoeBox 打好的 sprite sheet 和输出元数据
图集图像加给你引擎的元数据。
ShoeBox 里 Bitmap Font 生成器预览
兼容 AngelCode .fnt 的 bitmap font。
  • Extract Sprites — 在透明图像里检测精灵并自动裁切。
从透明表上切帧的 Extract Sprites 工具
在透明表上自动检测帧。
  • Extract Tiles — 从游戏截图抽出 tile map 和 tile bank。
  • Split PSD — 把 Photoshop 图层拆成单独 PNG。
  • Texture Ripper — 从照片或截图抽出矩形纹理。
  • Ani Frames / Frame Sheet — 把 GIF、SWF 或 PNG 序列变成逐帧动画或一张表。
  • Sprite Pivots — 一次改许多精灵的注册点(pivot)。
  • Slice 9 — 创建和读取可缩放 UI 的 9-patch(slice-9)套件。
  • Mask Image — 从剪贴板把图像蒙版并羽化进复杂合成。

每个工具都可配置:右键工具,选一个匹配引擎期望输出的模板。

怎么安装

ShoeBox 跑在 Adobe AIR 上,所以:

  1. 安装 Adobe AIR 运行时。
  2. 先卸载 3.6.3 之前的任何版本(较新构建更新了证书)。
  3. 安装 ShoeBox.air 文件。

给谁用

独立开发者、技术美术,以及任何交付 2D 内容的人会得到最多。ShoeBox 不替代美术工具——它替代那些通常吃掉你一下午的无聊中间步骤

好工具不替你做创意;它们清掉周围的例行工作。ShoeBox 是教科书例子。

renderhjs 的 ShoeBox 页面获取。