Estoy tratando de implementar un filtro de desenfoque en animateCC2019. Logré crear el desenfoque... pero tengo problemas para animarlo. Esto es lo que puse en animate CC, en el panel de acción en ese momento para esa instancia de 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));aquí hay un codepen:
https://codepen.io/trufo/pen/wvrvaOX
codepen no muestra el desenfoque, pero en este sitio lo hace:
https://banner-testing.neocities.org/
y aquí está el enlace al archivo fla:
No pude resolver esto, así que terminé usando pixi.js con su extensión animada. Funciona bien, pero cuando el desenfoque es extremo, tiende a dar resultados pixelados extraños. https://pixijs.io/examples/#/filters-basic/blur.js La mejor manera que encontré para hacer un desenfoque es con SVG y GSAP. Desafortunadamente, no he encontrado una manera fácil de hacer que animate y el ticker de GSAP funcionen bien y de manera consistente con todos los navegadores (principalmente Safari)