hanshenu / gka

一款高效、高性能的帧动画生成工具

简单的、高效的帧动画生成工具

---

gka 是一款简单的、高效的帧动画生成工具。

通过对图片集进行处理，一键式生成序列帧动画文件，并内置相关优化。

• 一键式 : 图片文件批量序列化重命名，生成帧动画文件，支持预览
• 性能佳 : 支持合图模式✓，相同帧图片复用✓，图片空白裁剪✓，图片压缩✓

Install

$ sudo npm install -g gka

Usage

gka <dir> [options]

-d, --dir <string>            -d  图片文件夹地址

-u, --unique [boolean]        -u  开启相同帧图片复用 默认 true
-c, --crop                    -c  开启空白裁剪模式
-s, --sprites                 -s  开启合图模式
-m, --mini                    -m  开启图片压缩

-p, --prefix [string]         -p  重命名前缀 默认 prefix-
-f, --frameduration <number>  -f  每帧时长 默认 0.04

-t, --template [string]       -t  生成动画文件模板 默认 px

-i, --info                    -i  输出信息文件

-a, --algorithm <string>      -a  合图布局模式 默认 binary-tree，可选 top-down | left-right ..

# 帧动画生成 - 普通模式

$ gka <imageDir>

# 帧动画生成 - 合图模式[-s] + 图片压缩[-m]

$ gka <imageDir> -sm

# 帧动画生成 - 裁剪模式

$ gka <imageDir> -c

# 压缩图片

$ gka <imageDir> -m

Examples

生成帧动画 · 普通模式

1.示例参数：

• 图片目录：E:\gka-test\img
• 图片名前缀：prefix-

2.命令

# gka [-d] <imageDirPath> -p [prefix] 

$ gka E:\gka-test\img -p prefix-

3.结果：

Before	After
./img ├── 害羞_00000.png ├── 害羞_00001.png ├── 害羞_00002.png ├── 害羞_00003.png ├── 害羞_00004.png └── ...	./img-gka └── gka.html └── prefix-gka.css └── img ├── prefix-1.png ├── prefix-2.png ├── prefix-3.png ├── prefix-4.png └── ...

生成帧动画 · 合图模式

1.示例参数：

• 图片目录：E:\gka-test\img
• 图片名前缀：prefix-

2.命令

# gka [-d] <imageDirPath> -s -p [prefix]

$ gka E:\gka-test\img -s -p prefix-

3.结果：

Before	After
./img ├── 害羞_00000.png ├── 害羞_00001.png ├── 害羞_00002.png ├── 害羞_00003.png ├── 害羞_00004.png └── ...	./img-gka-sprites └── img └── prefix-sprites.png └── gka.html └── prefix-gka.css

图片压缩

1.示例参数：

• 图片目录：E:\gka-test\img

2.命令

# gka <imageDirPath> -m [-u false -t flase]

$ gka E:\gka-test\img -m

Welcome

• 欢迎 Pull requests、Issues 一般在24小时内处理
• 讨论与咨询请+QQ 3201590286 :D

License

MIT

Copyright (c) 2017 - present, joeyguo

Log

• v1.0.x 重命名图片文件、 生成 keyframe animation css 动画、自动化合图、自动化图片压缩、效果预览
• v1.1.0 相同帧图片复用
• v1.4.5 支持输出信息文件、合图布局参数
• v1.4.6 增加图片预加载
• v2.0.0 增加图片裁剪模式、暴露图片去重开关、增加模板选择、优化图片信息文件