Adobe Animate JS 输出文件

Posted

技术标签:

【中文标题】Adobe Animate JS 输出文件【英文标题】:Adobe Animate JS Output File 【发布时间】:2018-07-11 00:12:34 【问题描述】:

从 Adob​​e Animate 中通过 sprite 表导出的 javascript CreateJS 文件的用途是什么?如果可能的话,如何使用它来帮助使用 CreateJS 创建资产?

【问题讨论】:

您的意思是“生成 SpriteSheet”对话框中的 EaselJS 选项吗?还是你的意思是测试或发布时生成的 JavaScript 中的 SpriteSheet 定义? 我的意思是发布时自动生成的.js文件,所以我认为是你提到的后者。 【参考方案1】:

生成的 JS 文件(应与您的 FLA 同名)表示您的 Animate 阶段、其内容以及库中具有链接名称的任何符号(因此它们被导出)。

将 JS 文件视为您的“库”,其中包括一些元数据,例如需要预加载的图像和声音,以及任何 SpriteSheet 定义,因为 Animate 默认会将图像组合成 SpriteSheet。

您可以从那里实例化任何库并将它们放在 EaselJS 阶段。这包括一个与您的 FLA 同名的符号,它在导出的 html 中成为您的exportRoot

var exportRoot = new lib.MyFileName(); // The "stage contents"
stage.addChild(exportRoot);

var item = new lib.MySymbol(); // Some other symbol

为了回答您关于 SpriteSheets 的具体问题,ss_meta_data 中的定义包含 SpriteSheet 信息,包括图像名称和帧定义。实例化图像时,库中的所有图像都将指向该元素。该库具有相当的可读性(除了压缩路径指令, 可以在发布设置中设置以显示实际命令)。

如果您有任何其他问题,请告诉我。

【讨论】:

以上是关于Adobe Animate JS 输出文件的主要内容,如果未能解决你的问题,请参考以下文章

Adobe Animate Snap SVG 插件 - 巨大的文件

Adobe Edge Animate 无法调用 (edgeCommons.js:3)

【An教程】快速入门Animate(原Adobe Flash)

Adobe Animate EXE 和分析

在Adobe Animate ActionScript 3.0中循环

如何:Adobe Animate - gotoAndStop();点击按钮