Jump to content

WebGL filter texture overlapping


louisAtome
 Share

Recommended Posts

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

pixi_blur_issue.png

Link to comment
Share on other sites

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 ;)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...