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

前言

本例只是一个入门使用的小例子,详细的文档可前往下方的资料地址去查看。

  • 资料

gka 官网
gka github 地址 快去 star 啦
gka 官网在线教程

简单的使用命令行

# 全局安装包
npm install -g gka
# 使用方法
gka yourFilesPath

Example

  1. 首先你得有一套的图片,最好的方式是下载 Ulead GIF Animator 软件,使用方法
  • 这里我使用上面的软件操作了一波导出了如下的目录文件
image.png
  1. 接着开始命令行干活儿啦
cd Desktop
npm install -g gka
# 查看相关的命令行操作
gka -h
image.png
# gkaDemo 是上面的软件导出的图片的目录
gka  ./gkaDemo
image.png
  • 命令行执行后在我的桌面也就是 gkaDemo 同级别的目录,直接新增了一个 gka-gkaDemo-css 文件
  1. 双击打开 gka-gkaDemo-css 目录中的 gka.html 文件
image.png

image.png
  • 搞定 哦耶~
    对于技术人员而言新颖的技术的诱惑力还是蛮大的噢~

你可能感兴趣的:(gka -- 简单的、高效的帧动画生成工具)