CSS-Sprite-Exporter

An AE script to help generate css sprite animation from AE comps.
将AE动画导出为雪碧图动画的脚本。

更新

1. 修复1.0第二针截取偏移导致最后一帧不显示的bug；
2. 优化自动获取画布宽度；
3. 新增画布铺全功能，以最后一帧补全空位；新增功能

How to Install:

Download the JSX file.
Run AE, click File->Script->Run Script File... and choose the CSS-Sprite-Exporter.jsx file.

Or you can copy the CSS-Sprite-Exporter.jsx to your AE script folder:

Windows:
C:\Program Files\Adobe\Adobe After Effects <version>\Support Files\Script\ScriptUI Panels\
Mac:
/Applications/Adobe After Effects <version>/Scripts/ScriptUI Panels/
Then you can run it from the AE Window menu.

#How to use:
1.Open a composition in AE.
2.Run the script.
3.Make some config if needed.
4.Hit generate button.

Then you will get an "image" folder whitch contants the sprite image(png format) and a html page to show the animation.
You can copy the css code from the show page. Surport transparency.
I use Clipboard.js to make the "copy to clipboard" function.
(Use Chrome to run the html if the layout crashes.)

License

MIT License © Zeno Rocha