Blur with Pixi v3

[Danetag]

Hey folks!

I'm running through an issue with pixi v3. It seems that the blur filter isn't working correctly, or I might have used it in a wrong way, I can't tell. Here's what I'm doing:

this.spriteBG = new PIXI.Sprite(PIXI.utils.TextureCache[this.options.id]);this.spriteBG.cacheAsBitmap = true;this.addChild(this.spriteBG);this.blurFilter = new PIXI.filters.BlurFilter();this.blurFilter.blur  = 50;this.spriteBG.filters = [this.blurFilter];

The result is weird, the texture seems just duplicated and positioned with a different alpha, not blurred at all.

Then, when I try to tween the value, nothing happens.

TweenMax.to({    blur: this.blurFilter.blur}, .3, {    blur: blur,     ease: Cubic.easeOut,     onUpdateParams:["{self}"],     onUpdate:$.proxy(function(tween){        this.blurFilter.blur = tween.target.blur;        this.spriteBG.filters = [this.blurFilter];   },this) });

Did I do something wrong?

 

Thanks!

 

[xerver]

https://github.com/GoodBoyDigital/pixi.js/issues/1728

[clement_cvL]

Hey Danetag! Just in completion of xserver answer, this blur works great for me playing with blur and passes:

this.blurFilter.passes = 5;

thus.blurFilter.blur = 5;

[Danetag]

Thanks a lot guys! Adding more passes made the trick