本篇文章给大家分享的是有关gkajs的帧动画生成工具gka怎么用,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
gkajs/gka是一款高效、高性能的帧动画生成工具。官网地址:https://gka.js.org
GKA全称是:generate keyframes animation。
Gka
gka 是一款简单的、高效的帧动画生成工具,图片处理工具。
只需一行命令,快速图片优化、生成动画文件,支持效果预览。
-
一键式 : 图片文件批量序列化重命名,生成帧动画文件,支持预览
-
性能佳 : 支持相同帧图片复用✓,图片空白裁剪✓,合图模式✓,图片压缩✓
-
多模板 : 内置多种文件输出模板,支持自定义模板
在线官方文档:https://gka.js.org
gka安装
sudo npm i gka -g
只需一行命令,快速生成动画文件,支持效果预览。
对 E:\img 目录中的图片进行处理,只需输入命令
gka E:\img
生成新的文件、效果预览。
gka 一键图片优化、生成动画文件。
gka <dir> [options]
gka tool 快速图片处理,支持压图、合图、空白裁剪、去重、生成图片信息。
gka tool <dir> [options]
gka一键图片优化、生成动画文件。
Command 命令
gka <dir> [options]
Options 参数选项
-d, --dir <string> # 图片文件夹地址 -u, --unique [boolean] # 开启相同帧图片复用 默认开启 -m, --mini # 开启图片压缩 -p, --prefix [string] # 重命名前缀, 默认 prefix- -f, --frameduration <number> # 每帧时长,默认 0.04 -i, --info # 输出信息文件 -t, --template <string> # 生成动画文件模板 默认 n ,可选模见 template list
Templates 模板列表
文件生成模板,内置对图片进行处理及优化,使用方式。
gka 图片目录 -t 模板名
模板支持动态增加,只需安装需要的模板。即时安装,即刻可用。
sudo npm i gka-tpl-模板名 -g
对 E:\img 目录中的图片进行处理。使用默认模板生成帧动画。
gka E:\img
使用空白裁剪模板生成帧动画
gka E:\img -t c
使用合图模板生成帧动画,并进行图片压缩
gka E:\img -m -t s
gka tool
gka tool 是图片快速处理工具,可支持压图、合图、空白裁剪、去重、生成图片信息
Command 命令
gka tool <dir> [options]
Options 参数选项
-d, --dir <string> # 图片文件夹地址 -u, --unique # 开启图片去重 -c, --crop # 开启空白裁剪模式 -s, --sprites # 开启合图模式 -m, --mini # 开启图片压缩 -p, --prefix [string] # 重命名前缀 默认 prefix- -i, --info # 输出信息文件 -a, --algorithm <string> # 合图布局模式 默认 binary-tree,可选 top-down | left-right .. -r, --replace # 压缩源图片时使用,-mr
示例
对 E:\img 目录中的图片进行处理。
进行图片压缩 (如想直接压缩源文件,请使用 -mr)
gka tool E:\img -m
进行图片空白裁剪
gka tool E:\img -c
进行图片空白裁剪、裁剪后进行合图,并输出信息文件
gka tool E:\img -csi