arshiaafr / css-sprite-exporter

A script can help generate css sprite animation from AE comps.

CSS-Sprite-Exporter

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

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

Donation - 求打赏:

如果您觉得本插件好用，欢迎打赏，感谢您的支持！

也欢迎使用 PayPal：

License

MIT License © Zeno Rocha