将帧动画素材生成为帧动画

准备

• 帧动画素材
• gka 介绍及使用

开始

• 进入到帧动画素材文件夹 Shift + 鼠标右键 打开命令窗口
  

• 安装 gka

	npm i gka -g

• 安装完成之后 ==> 输出最简单的帧动画

	/**
	 *	
  	 * ./text  帧动画素材相对路径
  	 * -t  选择模板名（1.css 2.canvas 3.svg 4.createjs 5.percent 6.studiojs）
  	 * 
	 */
	gka ./text -t

• 运行完成后 会生成文件 进入文件双击 就可以运行了

优化帧动画

• gka 中有很多参数 比较常用的有一下几种

	/**
  	 * -u  开启相同图片复用优化 （帧动画素材中如果有重复素材会自动优化除去重复素材）
  	 * -c  开启空白裁剪优化  （png 图片空白部分剪裁）
  	 * -s  开启合图优化  （将生成帧动画后的素材合并成一张图）
  	 *  --count 4  生成多合图，指定几张图片合成一张合图，可选 （此处 4张png 合成一张）
	 */
	gka ./text -t -u -c -s --count 4

具体参照官网