动画 CC Canvas 和遮罩

Question

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

在我的 Animate CC canvas 文件中，我有一个实例 (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。请注意，如果掩码发生变化，则缓存也必须更新。

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

Animate CC Canvas And Masking