• Stars
    star
    112
  • Rank 312,240 (Top 7 %)
  • Language
    JavaScript
  • Created over 7 years ago
  • Updated over 5 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

More Repositories

1

ae2css

Export AE animations to CSS
JavaScript
340
star
2

bodymovin_cn

bodymovin汉化版,同时修复「导出png图片带黑边」的bug
JavaScript
314
star
3

Font-Packer

A Sketch plugin to collect font files you used in your sketch file.
256
star
4

Sketch2AE

A Sketch plugin to export sketch file to Adobe After Effect
JavaScript
173
star
5

bodymovin

将AE制作的动画导出为json数据并在web端播放
153
star
6

webp_apng_exporter_for_AE

Export webp and apng aniamtion from Adobe After Effect
JavaScript
112
star
7

TouchPoint-Pro

an AE script to make touch point effect easier
JavaScript
42
star
8

img2webp-and-apng-mac-automator

这是个帮助转换 png 序列帧为 webp 和 apng 格式动画的 Mac Automator 服务。
33
star
9

SaveFrameAsPNG-Plus

An Adobe After Effect script to save current frame as PNG file in two ways.
JavaScript
23
star
10

AE-Slicer

Save PNG slices in AE. Support multiple slice zones in one comp.
JavaScript
22
star
11

ffmpeg-mp4-and-gif-mac-automator

18
star
12

FoldandCurl

An Adobe After Effect script to make curling and folding.
JavaScript
13
star
13

aepexporter_plus

aep流程中的AE动画导出脚本加强版
JavaScript
7
star
14

PSDImporter

帮助导入PSD并自动裁切画板的AE扩展
JavaScript
6
star
15

bigxixi.github.io

HTML
4
star
16

tesla-cam-timer

轻量级的为特斯拉行车记录仪加时间水印的工具
HTML
4
star
17

img2webp-mac-automator

mac 下的序列帧转 webp 服务
4
star
18

AE-Script-Runner

An After Effect Script to help run and test your AE script.
JavaScript
2
star
19

bodymovin_fix

fix the 'png dark outline' issue
2
star