Pixi.js Sprite from doesn`t work correctly WebGL

[NoleDjok]

There is a function where I draw lines on htmlcanvas. After drawing I create Pixi.Sprite from this canvas. On Canvas renderer everything

works OK, but when I swich on WebGl something goes wrong. Only first line is drawn.
 

[ivan.popelyshev]

you should update texture every time it is changed. Im not sure from() does it.

Manually create it one time:

var tex = Texture.from(myCanvas);

you can use sprites with that texture.

now, every time you change something on that canvas, you should do "tex.update()"

Edited June 17, 2020 by ivan.popelyshev

[ivan.popelyshev]

My advice - you should clone pixijs repo to your computer, open in separate IDE window and watch inside whatever methods/classes you are using. from() method is very general thing that is ok to use without knowing what it does in demos. In production - you have to be sure.

Btw, usually people use Rope with texture (maybe with transparent edge) instead of canvas lines.

[NoleDjok]

22 hours ago, ivan.popelyshev said:

you should update texture every time it is changed. Im not sure from() does it.

Manually create it one time:

var tex = Texture.from(myCanvas);

you can use sprites with that texture.

now, every time you change something on that canvas, you should do "tex.update()"

Thanks for respond. It turned up helpful. I will learn about Rope with texture. It`s interesting.