在 HTML5 画布模式下使用 Adob​​e Animate CC 和外部 JavaScript 文件

Question

我正在将一个大型 FLA AS3 项目转换为 Canvas/JS。我有一个大型的 AS 文件外部文件夹结构和许多与类关联的库对象。

我已将 FLA 转换为画布模式，但找不到将 JS 文件与对象关联的方法。我在网上看到过关于在框架脚本中包含 JS 的示例，但我真的希望找到一种方法来通过外部文件和库对象关联来实现这一点。

我将不胜感激任何关于如何做到这一点的指导或例子。

谢谢

Answer 1

我所做的是将所有 JS 实用程序从 Animate 即时添加到 html 中，appenChild如下所示：

框架脚本：

function loadScript(url) {
    var body = document.getElementsByTagName('body')[0];
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = url;
    body.appendChild(script);
}

loadScript('assets/app/myUtilities.js');
loadScript('assets/libs/coolTool.js');
loadScript('etc..');

s = this; //to have access to the stage

并从外部 JS访问舞台，如下所示：

s.my_movieclip.addEventListener("click", fl_MouseClickHandler.bind(s));

function fl_MouseClickHandler() {
    console.log('I want banana!');
}

我看到的是，不幸的是，似乎不可能在 Animate 中使用画布动态实例化库中的对象，我认为最好的解决方案是在时间轴上准备视图。

另一方面，JS 提供了很多功能（例如从代码中调用 Bootstrap Dialog Modals）。