GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → bigxixi → Css Sprite Exporter

bigxixi / Css Sprite Exporter

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

Programming Languages

javascript
184084 projects - #8 most used programming language
script
160 projects

Labels

csswebfront-endafter-effects

Projects that are alternatives of or similar to Css Sprite Exporter

Odds And Ends
Translate some front-end tutorials
Stars: ✭ 49 (-38.75%)
Mutual labels:  front-end
React Lottie
Render After Effects animations on React based on lottie-web
Stars: ✭ 1,132 (+1315%)
Mutual labels:  after-effects
F2edocs.com
📘 前端开发-学习资料库 (开源书籍，规范，博客社区，面试题)。前端开发者，是这个互联网时代不可缺少的角色，我们彼此相爱，我们共同学习。
Stars: ✭ 74 (-7.5%)
Mutual labels:  front-end
Dawn
🌅 Dawn is a lightweight task management and build tool for front-end and nodejs.
Stars: ✭ 1,057 (+1221.25%)
Mutual labels:  front-end
Bootstrap Dark
The Definitive Guide to Dark Mode and Bootstrap 4 - A proof of concept
Stars: ✭ 54 (-32.5%)
Mutual labels:  front-end
Horsey
🐴 Progressive and customizable autocomplete component
Stars: ✭ 1,146 (+1332.5%)
Mutual labels:  front-end
Kinecttopin
(Eyebeam #1 of 13) Developed with @FakeGreenDress. Record, stream, and export Kinect mocap data to After Effects puppet pins. Record directly from the Kinect or over OSC. Compiling or running from source requires SimpleOpenNI.
Stars: ✭ 40 (-50%)
Mutual labels:  after-effects
Typescript Challenges
A set of challenges helping you understand TypeScript
Stars: ✭ 79 (-1.25%)
Mutual labels:  front-end
Dev Practice
Practice your skills with these ideas.
Stars: ✭ 1,127 (+1308.75%)
Mutual labels:  front-end
Fbi
Node.js workflow tool
Stars: ✭ 74 (-7.5%)
Mutual labels:  front-end
Vrac
Declarative html template library from the future. <wip>
Stars: ✭ 52 (-35%)
Mutual labels:  front-end
Front End Roadmap
Tell you how to learn front end development ~
Stars: ✭ 1,070 (+1237.5%)
Mutual labels:  front-end
Entityframework Reverse Poco Generator Ui
A simple UI to allow you to easily select which tables you want the EntityFramework Reverse POCO Code First Generator to use.
Stars: ✭ 69 (-13.75%)
Mutual labels:  front-end
Webthings
A collection of all things web, because my memory sucks and so does yours.
Stars: ✭ 50 (-37.5%)
Mutual labels:  front-end
Single Spa
The router for easy microfrontends
Stars: ✭ 10,395 (+12893.75%)
Mutual labels:  front-end
Sublime packages
✍️ SublimeText Pageages Backups For Front-End Developer
Stars: ✭ 41 (-48.75%)
Mutual labels:  front-end
Fe
前端学习指南
Stars: ✭ 66 (-17.5%)
Mutual labels:  front-end
Css Essential Training
Exercise files for the CSS Essential Training course on LinkedIn Learning and Lynda.com
Stars: ✭ 80 (+0%)
Mutual labels:  front-end
Cookie Monster
Javascript Cookie Library
Stars: ✭ 74 (-7.5%)
Mutual labels:  front-end
React Easy Params
🔗 Auto synchronize your state with the URL and LocalStorage.
Stars: ✭ 73 (-8.75%)
Mutual labels:  front-end
View All Similar Projects ➔

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].