微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ae输出json

在AE中经常会有需要将数据(例如图层的位置、颜色、文字等)导出成格式化的JSON数据格式的需求,这时候我们可以使用AE的内置插件bodymovin来实现。bodymovin是一款快速轻便的插件,它可以将AE中的动画渲染成SVG、JSON格式的动画。

ae输出json

安装bodymovin非常简单,我们可以在AE的插件管理器中搜索bodymovin插件并安装。安装完成后,我们就可以将AE中的动画导出成JSON格式的数据。

var rect = app.project.activeItem.layer("方块");
var pos = rect.transform.position.value;
var size = [rect.sourceRectAtTime(0,false).width,rect.sourceRectAtTime(0,false).height];
var color = rect.source.mainSource.color;
var data = {
   "position": {
      "x": pos[0],"y": pos[1]
   },"size": {
      "width": size[0],"height": size[1]
   },"color": {
      "r": color[0]/255,"g": color[1]/255,"b": color[2]/255
   }
}
return JSON.stringify(data);

以上是一个例子,我们可以使用AE脚本来输出JSON数据。这段脚本中,我们获取一个名为“方块”的图层的位置、尺寸、颜色信息,并将这些信息存储到一个对象中,最后使用JSON.stringify方法将这个对象转化为JSON格式的字符串。这样导出的JSON数据,可以用于其他前端项目中的JSON数据解析。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐