Jump to content

OutlineFilter shows strange artifacts


Recommended Posts


first of all: I recently started using PIXI.js, and it's great! Big thanks to developers for their wonderful work.

I'm using the OutlineFilter from the pixi-extra-filters repository, and while it works great most of the time, I sometimes get strange artifacts. I'm using it on Sprites with textures from a single .png (outer areas are allways fully transparent) as well as on MovieClips, and sometimes the very border of the Sprite / MovieClip gets an outline, even though it is fully transparent there. These false outlines are allways on the right and/or lower border (never top or left), and all Sprites / MovieClips with the same size are affected (I have attached an image, you can see the false outline below the sprite). They don't allways appear, but often enough to be a problem.

I tried playing with the value of Filter.padding, but to no effect. 

Has anybody else encountered this problem? What did you do?

I'm on PIXI.js v4.0.3

Thank you very much!



Link to comment
Share on other sites

Thank you for your reply.

The Sprite in the picture is not part of a Spritesheet, just a single 64x64 png with transparent background (it happens to spritesheets too) Also, the artifact is not allways on the bottom. I had it at the right corner too, with the same Sprite as shown above.

Can you elaborate what you mean with reducing the sprite rectangle size? Are you referring to this:


I tried upgrading to PIXI v4.1 - didn't fix it but broke my hitPolys, so I changed back to v4.0.3 for now.

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.

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.


  • Recently Browsing   0 members

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