How to draw smooth bezier curve in WebGL renderer

[kuuuurija]

Here is screenshot of bezier curve in both modes,

 

http://imgur.com/Xb0sFVz

 

 

My other idea was to draw curves in canvas mode and convert it to texture (dataURI) and then use it in webgl renderer, is it worth the effort?

[kuuuurija]

never mind guys,

 

I converted PIXI.Graphics to texture and added to stage as Sprite. WebGL curve line looks smooth

 

var texture:PIXI.Texture = drawGfx.generateTexture();var lineSprite:PIXI.Sprite = new PIXI.Sprite(texture);lineSprite.cacheAsBitmap= true;this._container.addChild(lineSprite);

[ivan.popelyshev]

Use anti-aliasing. 

renderer = new PIXI.WebGLRenderer({width: width, height: height, antialias: true});

[kuuuurija]

ya, antialias is set true. It doesn't help, without making use of texture.

[ivan.popelyshev]

Ok, I admit, PIXI have problem with lines in WebGL mode I dont think even forceFXAA:true can help with that.

[xerver]

Graphics are drawn using the stencil buffer, the stencil buffer does not support anti aliasing. Caching as a texture makes it be drawn in the normal framebuffer pipeline, which does support antialiasing.