包装工

CLI 工具，用于将多个文件打包到单个 Binpack 二进制文件中，以便在浏览器中保存网络请求。 您可以用作精灵表的有效替代品。Binpacker

灵感来自 GLB 文件格式规范、MM.Loader、MM.Packer、Magipack.js 和这个 Twitter 帖子。

现场演示。

确保已安装Node.js。

$ npm install -g --save @timvanscherpenzeel/binpacker

$ node ./bin/binpacker.js -i ./input -o ./output/example.binpack -vb

$ node ./bin/binpacker.js -i ./input/manifest.json -o ./output/example.binpack -vb

{
  "path": "./input/",
  "manifest": [
    {
      "src": "icon-twitter.svg"
    },
    {
      "src": "spritesheet (2).json"
    },
    {
      "src": "texture.jpg"
    }
  ]
}

文件具有以下结构（与 GLB 文件格式规范非常相似）：.binpack

GLB 文件格式规范中的图。

Binpack是小端。

12 字节标头由三个 4 字节条目组成：

uint32 magic
uint32 version
uint32 length

• magic等于。它是 ASCII 字符串，可用于将数据标识为 .0x504e4942BINPBinpack

• version表示 .该规范定义了版本 1。Binpack

• length是文件的总长度，包括 Header 和所有 Chunks，以字节为单位。Binpack

单个 JSON 块标头

JSON 块标头有一个标记 JSON 块 （） 长度的字段和一个以 ASCII 标记的类型 （）。uint32 chunkLengthuint32 chunkTypeJSON

单个 JSON 块

JSON 块 （） 包含已处理文件的字符串化 JSON 描述：、 和 。和 描述文件长度之间的区别。此长度用于从接下来的二进制块中提取每个文件的正确字节数。ubyte[] chunkDatanamebufferStartbufferEndmimeTypebufferStartbufferEnd

单个二进制块标头

二进制块标头有一个标记二进制块 （） 长度的字段和一个以 ASCII 标记的类型 （）。uint32 chunkLengthuint32 chunkTypeBIN

单个二进制块

二进制块 （） 包含一个由串联文件构造的类型化数组缓冲区。使用 JSON 块中描述的数据，可以正确地从二进制块中提取文件。ubyte[] chunkDataUint8Array

-i, --input [example: ./input (glob) or ./input/manifest.json (manifest)] [required]
-o, --output [example: ./output/example.binpack] [required]

-vb, --verbose [true / false, default: false] [not required]

我的作品是根据麻省理工学院的许可发布的。