如何在Adobe Animate CC 2019中將主時間軸電影剪輯與html5畫布混合

Question

我有一個需要使用的影片剪輯的現有文件。 我在腳本編輯器中使用createjs創建了新背景並添加了動畫。

問題是在創建createjs腳本之后，它占據了整個階段，而主時間軸上的電影剪輯卻無處可見或添加到了階段？

我假設主時間軸和html5畫布是完全分開的。

有沒有辦法從主時間軸獲取影片剪輯以顯示在createjs畫布上？

Answer 1

您是否只是將動畫HTML代碼添加到現有內容中？

Animate導出的模板期望它擁有畫布，並設置自己的代碼，階段和更新循環。

您可以刪除很多代碼，只需將exportRoot添加到現有的Stage中。 它只是一個MovieClip，代表了Animate中的主要時間軸。 只要只有一個舞台（因為舞台清除了畫布），它就可以與您想要的任何內容結合使用。

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

一種解決方法是在最后更新的階段（在頂部繪制的內容）上關閉autoClear，以便在不清除第一個階段的情況下繪制第二個階段。 我不建議這樣做，因為各階段還可以處理它們自己的鼠標事件，所以在那里可能會發生一些沖突。

希望這可以幫助。 如果您可以提供更多的信息，我可以提供進一步的幫助。 干杯，