1

我正在尝试使用 javascript 将 flash as3 文件转换为 canvas html5 doc。

我将如何转换下面的代码？

nex.addEventListener(MouseEvent.CLICK, onClickHandler);

function onClickHandler(myEvent:MouseEvent)
{
    SoundMixer.stopAll();
    MovieClip(parent).nextFrame();
}

我现在正在尝试的 javascript 尝试。

this.nex.onClick = function(){

 exportRoot.play();

}

谢谢您的帮助！

4

2 回答 2

1

我并不是想学究气，但您的问题可能不像将 ActionScript 3.0 转换为 JavaScript 那样简单。AS3 在很大程度上是 JavaScript 的超集（参见ECMAcSript 4），因此将“向下”转换为 JavaScript 很容易：

nex.addEventListener(MouseEvent.CLICK, onClickHandler);

function onClickHandler(myEvent)
{
    SoundMixer.stopAll();
    MovieClip(parent).nextFrame();
}

看起来几乎一样，对吧？您刚刚删除了MouseEvent上的类型声明myEvent，因为类型声明是 ECMAScript 4 的一个特性，它从未进入 JS（很遗憾）。

真正的问题是浏览器 API 和 Flash Player API 非常不同。即使它们可能相似，它们也不一定在所有浏览器中都相似。现在公平地说，我认为这确实是您最初的问题，我只是想指出，前进的道路需要了解很多关于 Flash Player 功能和浏览器功能之间的差异，因为这是大部分工作的内容。语法的实际转换应该不会太难。

回到你的例子，这里有一些不同之处需要指出：

1）虽然addEventListener()是一种有效的浏览器方法（与评论者所说的相反），但它在 IE8 等旧版浏览器中不受支持。在这种情况下attachEvent()，您可以使用 DOM 回调作为最终的回退onClick。更多解释在这里。

2）虽然MouseEvent在浏览器中以一种或另一种形式存在，但JS中没有静态常量，所以你不会找到MouseEvent.CLICK浏览器定义的东西。相反，您将只使用 string "click"。

3)SoundMixer是一个 Flash Player 功能。在浏览器中最接近的等价物是HTML5 audio。这里有很多不同之处，在浏览器中制作音频并非易事，而且您根本不会拥有与 Flash Player 声音 API 相同的功能。我会寻找一个使浏览器音频更易于使用的库。

4)MovieClip是一个 Flash Player 功能。浏览器中没有类似的东西。对于如何在浏览器中重新创建类似时间线的内容，这里确实没有简单的答案，但是CreateJS（由 Flash 用户创建）或Adob​​e Edge Animate等工具，或使用Adob​​e Flash Pro 自己的 HTML 输出功能可能会有所帮助你为浏览器重新创建东西。

编辑：啊哈，我不清楚你的问题，但既然你标记了这个 [flash-cc]，听起来你已经在使用 Adob​​e Flash Pro CC 的 HTML Canvas 文档了？在这种情况下，以上所有内容仍然适用，但除此之外，您将能够使用 Flash Pro 的时间轴 JS 库。这是 CreateJS 和 Adob​​e 创建的一些额外内容的组合，用于模拟浏览器中的许多 Flash Player 时间线行为，浏览器没有内置时间线。有关更多信息，我将从这里开始：https:// helpx.adobe.com/flash/using/creating-publishing-html5-canvas-document.html

于 2015-03-06T15:59:33.193 回答
-1

这是现在在 html5 flash 项目中用于按钮的正确代码

this.Next.addEventListener("click", fl_ClickToGoToAndStopAtFrame_7.bind(this));

function fl_ClickToGoToAndStopAtFrame_7() {

    this.gotoAndStop(1);

}
于 2015-03-18T16:59:28.677 回答