对 CC 画布和蒙版进行动画处理

Question

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

在我的 Animate CC 画布文件中，我有一个实例（stripeMask），它应该屏蔽下面名为 mapAnim 的实例。

stripeMask 包含动画形状。

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

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

我喜欢 AnimateCC，它效果很好，但是需要创建更复杂和动画的蒙版，除非我在这里缺少一些东西，否则要实现它并不容易。

谢谢！

Answer 1

目前只能将形状用作mask，而不能使用容器或影片剪辑。

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

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

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

诚然，这不是一个绝佳的解决方案，我们正在研究其他选择。