gka 模板:生成 createjs 动画文件
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
example
lib
.gitignore
.npmignore
LICENSE
README.md
index.js
package-lock.json
package.json

README.md

gkatemplatew

gka-tpl-createjs

gka 文件生成模板,一键式生成 createjs 合图及需要的数据,并内置优化。

  • 输出 createjs 精灵图动画文件
  • 结合 -uc 支持 相同帧图片复用空白裁剪优化✓ (可选) 
  • 默认开启 开启合图优化

示例预览示例代码

相关文章:使用 gka 加速 createjs 动画开发及图片优化

优化对比

CreateJS 示例图片压缩后 为 105.3 KB

GKA 生成图片压缩后 大小为 64.6 KB

Install

$ npm i gka -g               # install gka

(已内置)$ npm i gka-tpl-createjs -g  # install gka-tpl-createjs

Usage

$ gka <dir> -t createjs [options]

改变合图布局模式,可使用 -a 参数,如

$ gka <dir> -t createjs -a left-right

合图布局模式 默认 binary-tree,可选 top-down | left-right .. 详见 gka README

Example

$ gka E:\gka-test\img -t createjs
BeforeAfter

./img
├── hello-01.png
├── hello-02.png
├── hello-03.png
├── hello-04.png
├── hello-05.png
└── ...

./gka-hello
└── gka.html
└── data.js
└── img
    └── sprites.png

Use GKA

https://github.com/gkajs/gka