本篇文章给大家分享的是有关gkajs的帧动画生成工具gka怎么用,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

gkajs/gka是一款高效、高性能的帧动画生成工具。官网地址:https://gka.js.org

GKA全称是:generate keyframes animation。

Gka

gka 是一款简单的、高效的帧动画生成工具,图片处理工具。

只需一行命令,快速图片优化、生成动画文件,支持效果预览。

  • 一键式 : 图片文件批量序列化重命名,生成帧动画文件,支持预览

  • 性能佳 : 支持相同帧图片复用✓,图片空白裁剪✓,合图模式✓,图片压缩✓

  • 多模板 : 内置多种文件输出模板,支持自定义模板

在线官方文档:https://gka.js.org

gkajs的帧动画生成工具gka怎么用-编程之家

gka安装

sudo npm i gka -g

只需一行命令,快速生成动画文件,支持效果预览。

对 E:\img 目录中的图片进行处理,只需输入命令

gka E:\img

生成新的文件、效果预览。

gkajs的帧动画生成工具gka怎么用-编程之家

gkajs的帧动画生成工具gka怎么用-编程之家

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