0

我正在尝试在 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

4

1 回答 1

0

无法解决这个问题，所以我最终使用了带有动画扩展的 pixi.js。它工作正常，但当模糊极端时，它往往会产生奇怪的像素化结果。 https://pixijs.io/examples/#/filters-basic/blur.js 我发现制作模糊的最佳方法是使用 SVG 和 GSAP。不幸的是，我还没有找到一种简单的方法来让动画和 GSAP 的代码在所有浏览器（主要是 Safari）上都能很好地运行

于 2022-02-05T09:37:30.467 回答