gkajs / gka-tpl-percent

gka 模板：生成 css 百分比自适应帧动画

gka-tpl-percent

gka 文件生成模板，一键式图片资源优化，生成序列帧动画文件。

• 输出 css 百分比动画文件
• 使用该方案支持 移动端多倍图适配✓ 自适应缩放雪碧图✓
• 结合 -u 支持 相同帧图片复用✓ (可选) 
• 默认开启 开启合图优化✓

示例预览、 示例代码

相关文章：gka 一键制作自适应等比缩放的雪碧图动画

说明

该模板适合在动画帧图片间是跳跃性的，如上面 example ，对于图片帧前后是连续像素位移的，请使用canvas、studiojs模板进行处理支持自适应，无需支持自适应可使用css模板结合 -s 实现雪碧图动画。

Install

$ npm install -g gka                # install gka

Usage

$ gka <dir> -t percent [options]

Example

$ gka E:\gka-test\img -t percent

Before	After
./img ├── hello-01.png ├── hello-02.png ├── hello-03.png ├── hello-04.png ├── hello-05.png └── ...	./gka-img └── gka.html └── gka.css └── img └── gka_sprites.png

Use GKA

https://github.com/gkajs/gka