easelJS & adobe_animate 模糊滤镜不工作

Question

我正在尝试在 animateCC2019 中实现模糊滤镜。我成功地创建了模糊...但是在制作动画时遇到了麻烦。这是我当时在动画 CC 中为该影片剪辑实例在操作面板中放入的内容：

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 文件的 link：

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

Answer 1

无法解决这个问题，所以我最终使用了 pixi.js 及其动画扩展。它工作正常，但当模糊非常严重时，它往往会产生奇怪的像素化结果。 https://pixijs.io/examples/#/filters-basic/blur.js 我发现制作模糊的最佳方法是使用 SVG 和 GSAP。不幸的是，我还没有找到一种简单的方法来使动画和 GSAP 的自动收报机在所有浏览器（主要是 Safari）上播放得很好并且一致

easelJS & adobe_animate 模糊滤镜不工作

easelJS & adobe_animate blur filter not working

javascript

blur

createjs

easeljs

tweenjs