Flash 在HTML5画布模式下使用Adobe Animate CC和外部JavaScript文件

Flash 在HTML5画布模式下使用Adobe Animate CC和外部JavaScript文件,flash,createjs,flash-cc,animate-cc,Flash,Createjs,Flash Cc,Animate Cc,我正在将一个大型FLAAS3项目转换为Canvas/JS。 我有一个很大的外部文件夹结构,其中包含AS文件和许多与类相关联的库对象 我已将FLA转换为画布模式,但找不到将JS文件与对象关联的方法。 我在网上看到了一些关于在框架脚本中包含JS的例子,但我真的希望找到一种方法,通过外部文件和库对象关联来实现这一点 我希望你能给我提供一些指导或例子 谢谢你我花了一些时间,设法更好地理解了它的工作原理,并创建了一个简单的示例,将具有外部AS文件和面向对象结构的Flash Actionscript项目转换

我正在将一个大型FLAAS3项目转换为Canvas/JS。 我有一个很大的外部文件夹结构,其中包含AS文件和许多与类相关联的库对象

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

我希望你能给我提供一些指导或例子


谢谢你

我花了一些时间,设法更好地理解了它的工作原理,并创建了一个简单的示例,将具有外部AS文件和面向对象结构的Flash Actionscript项目转换为具有类似文件结构的Animate CC Canvas和Javascript文件项目


您可以在

上查看,我所做的是通过使用
appenChild
动画动态地将所有JS实用程序添加到html中,如下所示:

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

function fl_MouseClickHandler() {
    console.log('I want banana!');
}
框架脚本:

并从外部JS访问舞台,如下所示:

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

function fl_MouseClickHandler() {
    console.log('I want banana!');
}
我看到的是,不幸的是,似乎不可能在Animate with canvas中动态实例化库中的对象,我认为最好的解决方案是在时间线上准备视图


另一方面,JS提供了很多功能(例如从代码中调用引导对话框模型)。

CreateJS可以为您提供这些功能(预加载JS库)

var queue=new createjs.LoadQueue();
queue.loadManifest([
“auxiliary.js”,
“main.js”

]);此外,如果您必须加载多个具有依赖项的JS(如jQuery),我建议您只加载一个包含所有库的文件'launcher.JS',并使用$LABHi将所有库附加到文件末尾,谢谢您的输入。但是,我必须告诉您,确实可以在Animate中动态实例化库中的对象:
var myClip=new lib.myclipsnameinterlibrary()谢谢@Danyright。它似乎只在对象已经在舞台上时才起作用,那么如何在舞台上显示新创建的对象呢?下面是一些可以在Animate CC中使用的代码:
var myClip=new lib.myclipsnameinterlibrary();exportRoot.addChild(myClip)。我的clipsnameinlibrary不需要出现在舞台上。你可以把它放在图书馆里。我不明白它是怎么工作的,但它是工作的。我认为一个问题是,您必须修改生成的html以添加您的Include和js代码段,每次从Animate重新编译时您该怎么做?你用工具来做这件事吗?