在HTML5 canvas模式下使用Adobe Animate CC与外部JavaScript文件

我正在将大型FLA AS3项目转换为Canvas/JS。我有一个很大的外部文件夹结构的AS文件和许多与类关联的库对象。在HTML5 canvas模式下使用Adobe Animate CC与外部JavaScript文件

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

我会很感激任何方向或如何做的例子。

谢谢

来源

2016-04-23 xims

我花了一些时间和管理，以更好地了解它是如何工作的，并创造了外部转换的Flash ActionScript项目中的文件和面向对象的结构成动画CC帆布的一个简单的例子， JavaScript文件项目具有类似的文件结构。

您可以在https://github.com/xims/X-simple-flahtml

来源

2016-04-26 23:38:50 xims

我不明白它是如何工作的，但它的工作原理。我认为一个问题是，您必须修改生成的html以添加您的includes和js片段，每次您从Animate重新编译时，您会如何执行？你使用工具来做到这一点吗？ – jck

查看我要做的就是将我所有的JS实用程序的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中使用canvas动态地从库中实例化对象，我认为最好的解决方案是在时间轴上准备您的视图。

在另一方面，JS提供大量的功能（例如呼叫从您的代码引导对话框情态动词）。

来源

2016-05-26 00:15:52 jck

此外，如果您必须加载多个带有依赖关系的JS（如jQuery），我建议您只加载一个包含[LABjs]（http://labjs.com/documentation.php）的文件'launcher.js'和使用$ LAB – jck

将文件末尾的所有库添加到文件中。嗨，谢谢您的输入。但是，我必须告诉你，确实可以在Animate中动态创建库中的对象：var myClip = new lib.MyClipsNameInTheLibrary（）;' – Danyright

Thanks @Danyright。它只有在对象已经在舞台上时才起作用，然后在舞台上显示新创建的对象的方式是什么？ – jck

在HTML5 canvas模式下使用Adobe Animate CC与外部JavaScript文件

回答

相关问题