How to smooth out the line of the figure

[ShimaMax]

Hi, guys. I created the rounded rectangle and imposed 2 filters (GlowFilter, OutlineFilter). You can see code below:
 

var new PIXIfiltersGlowFilter30;
outerStrength 0;
innerStrength 5;
color 0xc2dac2;
quality 1;
//
filters , new PIXIfiltersOutlineFilter1, 0x8c8e8d, 1;

How to smooth out the line on rounded edges?
If I use lineStyle instead OutlineFilter, the line is smooth, but GlowFilter doesn't work correct.

[jonforum]

3 hours ago, ShimaMax said:

Hi, guys. I created the rounded rectangle and imposed 2 filters (GlowFilter, OutlineFilter). You can see code below:
 

var new PIXIfiltersGlowFilter30;
outerStrength 0;
innerStrength 5;
color 0xc2dac2;
quality 1;
//
filters , new PIXIfiltersOutlineFilter1, 0x8c8e8d, 1;

How to smooth out the line on rounded edges?
If I use lineStyle instead OutlineFilter, the line is smooth, but GlowFilter doesn't work correct.

what about if you turn on the anti-aliasing? FXAA to pixi app ? is it work ?

Also do you have anti-aliasing for your gpu config rendering app ?
Pixijs don give information on the native AA algorytme?

@param {boolean} [options.forceFXAA=false] - forces FXAA antialiasing to be used over native.

* FXAA is faster, but may not always look as great **webgl only**

 

[ShimaMax]

Antialias: true/false give the same result. Tried to use FXAAFilter, but got the error: 'Uncaught TypeError: Failed to execute 'getProgramParameter' on 'WebGLRenderingContext': parameter 1 is not of type 'WebGLProgram'.'

[ivan.popelyshev]

antialias doesn't work with filters, because filters use FrameBuffers that dont have MSAA enabled. In webgl2 its possible, we'll add it to pixi-v5 later.

[ShimaMax]

1 hour ago, ivan.popelyshev said:

antialias doesn't work with filters, because filters use FrameBuffers that dont have MSAA enabled. In webgl2 its possible, we'll add it to pixi-v5 later.

Okey. Can I use lineStyle with glowFilter instead? Because I got white color instead of black