V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
bigxixi
V2EX  ›  分享创造

写了一个制作 CSS 雪碧图动画( CSS Sprite Animation)的 After Effect 脚本

  •  
  •   bigxixi ·
    bigxixi · 2017-03-04 20:58:26 +08:00 · 4393 次点击
    这是一个创建于 2819 天前的主题,其中的信息可能已经有所发展或是发生改变。

    把 AE 做的动画导出为 CSS 雪碧图并自动生成代码的 AE 脚本,欢迎使用

    使用方法:
    1.下载 CSS-Sprite-Exporter.jsx 文件
    2.在 AE 中打开需要导出的动画
    3.运行 CSS-Sprite-Exporter.jsx , 界面大概是这样

    4.设置好参数导出,如果没有意外,就会帮你打开到该动画导出的文件夹
    5.打开DEMO_XXX.html 文件(建议用 chrome 打开),可以预览导出的动画, css 代码也可以从中复制


    6.雪碧图文件在 image 文件夹下

    项目地址
    https://github.com/bigxixi/CSS-Sprite-Exporter

    在 AE CC2014 mac 下测试通过,经朋友的 win7 同版本 AE 测试也 OK ,理论上只要是 CC 以后的版本都可以使用
    如有问题欢迎提 issue

    2 条回复    2019-04-26 16:25:47 +08:00
    tank
        1
    tank  
       2017-03-05 14:12:46 +08:00
    感谢,已 Star
    goodbyennn
        2
    goodbyennn  
       2019-04-26 16:25:47 +08:00
    mac ae2019 导出空白。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3440 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 111ms · UTC 10:32 · PVG 18:32 · LAX 02:32 · JFK 05:32
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.