Animate CC 画布和遮罩

用户2163224

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

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

stripeMask 包含动画的形状。

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

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

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

谢谢!

兰尼

目前,您只能将 Shape 用作mask,而不能用作 Container 或 MovieClip。

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

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

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

仅当滚动后画布变得可见时才启动动画 (Animate CC)。

Createjs 中的最大旋转(adobe animate cc)

发布Apk时如何在Adobe Animate CC 2019中包含64位和32位本机代码

AS3 / Animate CC:用户可以编辑表格内容

用于导出Jpg的Flash命令。在Adobe Animate CC中

Animate CC:从外部.js文件创建/访问全局函数

CreateJS(Animate CC)单击获取电影实例名称

EaseJS拖放(Animate CC)影片剪辑的鼠标坐标

$(CC)和$ CC有什么区别?

Adobe Edge Animate CC文件结构层次结构-如何从不同的文件夹位置加载资产和图像(2014.1.1版)

了解球拍让/ CC和抛

自动工具:$ VAR,$(VAR)和$ {VAR}和$ {CC-cc}与$ {CC}的差异

舞台上的Adobe Animate CC Canvas鼠标动作缓慢且间歇

Animate CC前进到gotoAndStop已注释掉的下一帧吗?

无法使用 GSAP 内部函数来定位舞台上的 MovieClip (Animate CC)

使用JavaScript HTML5在Animate CC中使用随机MC

如何更改发布模板 html 以使用 $ANIMATE_CC_SCRIPTS 令牌中的函数?

如何从侧面缩放对象,而不是在 Animate CC HTML5 中居中?

Animate CC HTML5/Canvas 使用动作脚本控制嵌套的 MovieClip 时间线

Adobe Animate CC 文件上传到服务器时无法播放

clang -cc1和系统包括

cc1和gcc之间的关系?

忍者不使用CC和CXX?

Mailgun如何使Cc和Bcc可选php

Javascript setTimeout和.animate冲突

.animate()和.remove()播放不佳

CSS定位和jQuery .animate

画布图像遮罩/重叠

如何将用Adobe Animate CC生成的HTML5动画添加到Ionic 2项目页面?