画架JS和adobe_animate模糊滤镜不起作用



我正在尝试在animateCC2019中实现模糊过滤器。我成功地创建了模糊。。。但是很难将其动画化。这是我在动画CC中放的内容,当时放在动作面板中,用于那个movieClip实例:

var myBlur = new createjs.BlurFilter(25, 25, 1),
nb = this.mario_mc_1.nominalBounds;
this.mario_mc_1.filters = [myBlur];
this.mario_mc_1.cache(nb.x, nb.y, nb.width, nb.height);
this.timeline.addTween(cjs.Tween.get(myBlur).to({blurX:0, blurY:0},25).wait(1));

这是一个代码笔:

https://codepen.io/trufo/pen/wvrvaOX

codepen没有显示模糊,但在这个网站上它显示:

https://banner-testing.neocities.org/

这是fla文件的链接:

https://www114.zippyshare.com/v/V5m0z67k/file.html

无法解决这个问题,所以我最终使用了带有animate扩展的pixi.js。它工作正常,但当模糊程度达到极限时,往往会产生奇怪的像素化结果。https://pixijs.io/examples/#/filters-basic/blur.js我发现制作模糊的最好方法是使用SVG和GSAP。不幸的是,我还没有找到一种简单的方法来制作动画,GSAP的股票行情器在所有浏览器(主要是Safari(中都能很好地、一致地播放

最新更新