flash - 在 HTML5 canvas 模式下将 Adob​​e Animate CC 与外部 JavaScript 文件一起使用

Question

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

我已将 FLA 转换为 Canvas 模式，但找不到将 JS 文件与对象相关联的方法。我已经看到有关在框架脚本中包含 JS 的在线示例，但我真的希望找到一种方法来实现与外部文件和库对象关联。

对于如何完成它的任何指导或示例，我将不胜感激。

谢谢

Answer 1

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

框架脚本:

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 with canvas 中动态实例化库中的对象，我认为最好的解决方案是在时间轴上准备您的 View 。

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