WebGL filter texture overlapping

[louisAtome]

I use a custom filter in pixi.js for blur https://github.com/louisatome/pixi.js/tree/dev-atomeV4/src/filters/triangleblur but when I use the filter on different objects, the texture of my biggest object overlaps on smaller objects.

After some research, I think it's linked to the temporary RenderTarget I use to apply my filter on the 2 axis.

First, it seems that the clear parameter of the function filterManager.getRenderTarget() is ignored when I read the source code of the method. But anyway, even if I manually call the clear() method of the RenderTarget at the end of the filter application the result is the same.

But if my 3 objects have different dimensions (let say 100x100, 200x200 and 400x400) in order to get a different RenderTarget for each, the rendering is OK.

Any idea ?

Thanks

[ivan.popelyshev]

That's clamping issue. Please read https://github.com/pixijs/pixi.js/wiki/v4-Creating-Filters , I've spend so many hours making correct filters for pixi-v4, and Im sure that our v5 will be better than THAT, I want "just resize framebuffer" option to be included. Its not affecting performance if its not on iphone

[louisAtome]

OK I've updated my filter to deal with clamping and it works now ! Thanks for the excellent documentation !