[Solved] Pixi Sprite using OutlineFilter, outline is cropped by bound

[vimcaw 1]

I'm a newbie on Pixi.js, recently met a problem, I want to show the outline of a sprite by using OutlineFilter, but a part of the outline was cropped by bound.

The pixi example page looks same: https://pixijs.io/examples/#/plugin-filters/outline.js

But pixi filter demo is good: http://pixijs.io/pixi-filters/tools/demo/

Source Code: https://github.com/pixijs/pixi-filters

I wonder what magic is used, Thanks.

[vimcaw 1]

I have solved the problem by setting filter.padding

[ivan.popelyshev 1003]

Just don't forget that Outline is really slow, and its better to precalculate outline in photoshop and put it as a sprite.

Its also possible to do with physicsEditor + pixi-poly: https://github.com/eXponenta/pixi-poly 

It will generate outline Graphics element.

Edited December 3, 2019 by ivan.popelyshev

[vimcaw 1]

16 hours ago, ivan.popelyshev said:

Just don't forget that Outline is really slow, and its better to precalculate outline in photoshop and put it as a sprite.

Its also possible to do with physicsEditor + pixi-poly: https://github.com/eXponenta/pixi-poly 

It will generate outline Graphics element.

Ok, thanks for the suggestion! 😀