如何在 Adob​​e Animate CC 2019 中将主时间轴动画片段与 html5 canvas 混合

How to mix main timeline movieclips with html5 canvas in Adobe Animate CC 2019

我有一个包含我需要使用的影片剪辑的现有文件。我使用 createjs 在脚本编辑器中创建了一个新背景并添加了动画。

问题是在创建 createjs 脚本后它接管了整个舞台,主时间轴上的影片剪辑在哪里看不到或添加到舞台?

我假设主要时间线和 html5 canvas 是完全分开的。

有没有办法从主时间轴获取影片剪辑以显示在 createjs 上 canvas?

您是否只是将动画 html 代码添加到现有内容中?

Animate 导出的模板期望它拥有 canvas,并设置自己的 Ticker、Stage 和更新循环。

您可以删除很多代码,只需将 exportRoot 添加到现有舞台即可。它只是代表 Animate 中主要时间轴的 MovieClip。可以任意组合,只要只有一个Stage即可(因为Stages清除了canvas)。

var stage = new createjs.Stage("canvas");
stage.addChild(exportRoot); // Animate
stage.addChild(new createjs.Bitmap("path/to/bitmap")); // Custom
createjs.Ticker.on("tick", stage);

一种解决方法是在最后更新的阶段(在顶部绘制的内容)关闭自动清除,以便它在不清除第一个阶段的情况下绘制第二个阶段。我不推荐这样做,因为阶段也会处理它们自己的鼠标事件,所以那里可能会发生一些冲突。

希望这对您有所帮助。如果您能提供更多信息,我可以提供更多帮助。 干杯,