Skip to content

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

Notifications You must be signed in to change notification settings

gkajs/gka-tpl-percent

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

gkatemplatew

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
BeforeAfter

./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

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published