Pixi.js: Issue - Graphics.lineTo with delay dose not work.

[shawnmypark]

sorry. My english is short. so I can only post demo.

DEMO

Environment

• pixi.js version: 4.7.1
• Browser: All browser
• Device: Desktop.

[themoonrat]

I've updated the fiddle to use the latest version of pixi, and it still occurs: http://jsfiddle.net/4db7t15j/
Note: this is a WebGL only bug. Setting forceCanvas: true shows the expected behaviour of the line being extended every second

[themoonrat]

Looking it a bit:

points: (6) [0, 0, 10, 0, 20, 0]
shape: Polygon {closed: false, points: Array(10), type: 0}

Notice that there is a points array that has a length of 6 that does not match the shape object.
For Canvas renderer, there is no separate points array

[themoonrat]

So, never looked at this area before, so just posting as I go ;)
in buildPoly.js, you have
graphicsData.points = graphicsData.shape.points.slice();
But at no point is this graphicsData then updated.

Now, if you add a clearDirty++ after each new lineTo call, it fixes the issue, as it forces the WebGL Graphics Renderer to re-create the shape: http://jsfiddle.net/ymd03s1r/1/

Not sure if adding that clearDirty++ into the lineTo function itself is a worthy fix for a PR.... not my domain!

[macropp]

Another option is to call lineStyle again before calling lineTo.

http://jsfiddle.net/qx3Lz9r7/1/

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.