Question

我是一位经验丰富的2D动画师，过去常常使用Flash和动作脚本，现在我想在Adobe Animate中使用Canvas HTML5完成一个项目。我已成功使用Adobe Animate创建一些已导出并上传到YouTube的说明性电影，但这是我第一次使用带有交互性的画布。

我正在尝试制作一个互动的“仓库”。它分为5个部分，我希望用户能够点击它，将它们带到时间轴上的不同位置并播放一些基本动画。点击后，该区域将略微扩大，文本将在详细说明客户产品如何使仓库环境区域受益。我没有创建动画的问题，但我依赖的代码片段似乎每次都打破了项目。

我已成功设法成功放大一个部分，但是，一旦放大，我希望用户能够点击放大部分中的其他两个元素来查看文本动画。不幸的是，第二个事件监听器打破了这个项目，我在发布时就看到了静态图像，这完全没有任何意义。

我在早期文件中遇到过第二个问题。发布时，我正在处理的原始文档突然开始发布空白页面。我在这里寻求帮助并尝试了两种解决方案重新发布没有精灵表，并尝试播放在线托管的文件。这些都没有奏效。

所以在我的时间轴的第一帧我有：

this.stop();

this.goodsin.addEventListener("click", 
fl_ClickToGoToAndPlayFromFrame_4.bind(this));

function fl_ClickToGoToAndPlayFromFrame_4()
{
    this.gotoAndPlay("Goods In");
}

这很成功，但是，如果我在此下面添加另一个事件监听器，它会中断。 e.g。

this.stop();

this.goodsin.addEventListener("click", 
fl_ClickToGoToAndPlayFromFrame_4.bind(this));

function fl_ClickToGoToAndPlayFromFrame_4()
{
    this.gotoAndPlay("Goods In");
}

this.goodsout.addEventListener("click", 
fl_ClickToGoToAndPlayFromFrame_5.bind(this));

function fl_ClickToGoToAndPlayFromFrame_5()
{
    this.gotoAndPlay("Goods Out");
}

我不熟悉javascript或js，但我熟悉目标影片剪辑和时间轴。我已经在主时间轴上尝试了这个，并且我在主时间轴上只有一个框架并且在动画片段中定位了一个动画片段。没有快乐。

任何人都可以帮助我度过这个绊脚石吗？在这里搜索论坛，看起来好像Adobe Animate在这个领域非常错误。如果有人可以提供帮助，我会非常感激。

我发现这篇文章有一定的相关性，因为这篇文章似乎成功地发挥了作用，无论他在文档中的不良实例如何。

Adobe Animate CC HTML5 canvas conflicting ClickToGoToAndPlayFromFrame

此致

HTML5 Canvas打破了多个事件监听器

0 个答案: