html5-canvas - 动画 CC 画布和遮罩

Question

我想知道如何在充当蒙版的影片剪辑中使用动画形状？

在我的 Animate CC 画布文件中，我有一个实例 (stripeMask)，它应该掩盖下面名为 mapAnim 的实例。

stripeMask 包含动画的形状。

因此，当调用函数 maskIn 时，播放头应该移动到 stripeMask 剪辑内的第一帧（第 0 帧之后的帧）并像这样为蒙版设置动画：

 function maskIn(){
 //maskAnimation to reveal image below
 stripeMask.gotoAndPlay(1);
 }

我喜欢 AnimateCC，它工作得很好，但是需要创建更复杂的动画蒙版，除非我在这里遗漏了一些东西，否则实现起来并不容易。

谢谢！

score 1 · Accepted Answer

目前您只能将 Shape 用作maskContainer，而不能用作 Container 或 MovieClip。

如果你想做更复杂的事情，你可以使用AlphaMaskFilter之类的东西，但它必须被缓存，然后在每次掩码或内容更新时更新：

something.filters = [new createjs.AlphaMaskFilter(stripeMask)];
something cache(0,0,w,h);
// On Change
something.updateCache(); // Re-caches

AlphaMaskFilter 的源必须是图像，因此您可以指向位图图像，也可以指向cacheCanvas您还缓存的蒙版剪辑。请注意，如果掩码更改，缓存也必须更新。

诚然，这不是一个很好的解决方案，我们正在研究其他选项。

1 回答 1