pixi-extra-filters Extra filter + Pixi 4.3.4 + TweenLite

[ANVoevodin]

Hi all! I have a weird problem, and I don't know how to solve it.

What I wanted to make: when I click over a circle, it has to get GlowFilter (or OutlineFilter it doesn't matter but it should be from pixi-extra-filters (https://github.com/pixijs/pixi-extra-filters)) and has to be larger with TweenLite.

What I've got: all is good, but while the circle is scaling glowing is broken. I don't know how to explain this in English, but I prepered an example on JSFiddle - https://jsfiddle.net/ANVoevodin/kt663amu/

Just click over the circle and it will be scaled. All is good. After, click again, it will be usual size. And click one more time and it will something like that (I've attached image).

What's wrong? Why it creates those weird lines?

P.S. The problem is appeared after second+ click only, but it is actually for this little example only, because there is the same problem is appeared for the first click in my project.

[bubamara]

increase filter.padding to give filter some extra space

var f = new PIXI.filters.OutlineFilter(2, 0xFFFFFF);
f.padding = 20;

this.filters = [f];

https://jsfiddle.net/kt663amu/1/

[ANVoevodin]

Amazing! So easy  Thanks a lot!

[catafest]

 is two way to solve your problem with pixi.js :

try to find time to read the docs...

or just spend time to search example into internet area with google query : site:https://jsfiddle.net/

~ I love browsers ...