{"action":"created","issue":{"url":"https://api.github.com/repos/pixijs/pixi.js/issues/5006","repository_url":"https://api.github.com/repos/pixijs/pixi.js","labels_url":"https://api.github.com/repos/pixijs/pixi.js/issues/5006/labels{/name}","comments_url":"https://api.github.com/repos/pixijs/pixi.js/issues/5006/comments","events_url":"https://api.github.com/repos/pixijs/pixi.js/issues/5006/events","html_url":"https://github.com/pixijs/pixi.js/issues/5006","id":339398931,"node_id":"MDU6SXNzdWUzMzkzOTg5MzE=","number":5006,"title":"Path rendering in WebGL differs from Canvas, WebGL has \"chips\" in paths","user":{"login":"fmhdp","id":29923869,"node_id":"MDQ6VXNlcjI5OTIzODY5","avatar_url":"https://avatars2.githubusercontent.com/u/29923869?v=4","gravatar_id":"","url":"https://api.github.com/users/fmhdp","html_url":"https://github.com/fmhdp","followers_url":"https://api.github.com/users/fmhdp/followers","following_url":"https://api.github.com/users/fmhdp/following{/other_user}","gists_url":"https://api.github.com/users/fmhdp/gists{/gist_id}","starred_url":"https://api.github.com/users/fmhdp/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/fmhdp/subscriptions","organizations_url":"https://api.github.com/users/fmhdp/orgs","repos_url":"https://api.github.com/users/fmhdp/repos","events_url":"https://api.github.com/users/fmhdp/events{/privacy}","received_events_url":"https://api.github.com/users/fmhdp/received_events","type":"User","site_admin":false},"labels":[{"id":175480912,"node_id":"MDU6TGFiZWwxNzU0ODA5MTI=","url":"https://api.github.com/repos/pixijs/pixi.js/labels/Plugin:%20Graphics","name":"Plugin: Graphics","color":"207de5","default":false},{"id":175480669,"node_id":"MDU6TGFiZWwxNzU0ODA2Njk=","url":"https://api.github.com/repos/pixijs/pixi.js/labels/Renderer:%20WebGL","name":"Renderer: WebGL","color":"bfe5bf","default":false},{"id":25645768,"node_id":"MDU6TGFiZWwyNTY0NTc2OA==","url":"https://api.github.com/repos/pixijs/pixi.js/labels/Type:%20Bug","name":"Type: Bug","color":"fc2929","default":false},{"id":447633425,"node_id":"MDU6TGFiZWw0NDc2MzM0MjU=","url":"https://api.github.com/repos/pixijs/pixi.js/labels/Version:%20v4.x","name":"Version: v4.x","color":"5319e7","default":false}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":4,"created_at":"2018-07-09T10:48:37Z","updated_at":"2019-01-04T00:07:41Z","closed_at":"2018-08-14T20:52:06Z","author_association":"CONTRIBUTOR","body":"Expected behavior:\r\nPaths look the same when rendered with CanvasRenderer and WebGL renderer.\r\n\r\nObserved behavior:\r\nPaths look different when rendered with WebGL. \r\nAn initial moveTo command adds an arrow like shape.\r\nAn arc added after a line chips off a bit of the line.\r\nExample: https://jsfiddle.net/3snvu0dy/63/\r\n\r\nThis certainly is looking as obvious as it looks due to the fact that the line width in this example is really high. The example isn't artificial though, as I actually want to render that shape.\r\n\r\nRelationship with other bugs:\r\nThis bug is very likely related to #3592 and #4046. \r\n\r\nI haven't verified it, but my best guess is that adding the second arc causes a duplicate point to be added to the points array for the shape, reducing the chip damage to what's described in #4046. Except that it's probably even less expected when adding a new shape to the graphics.\r\n\r\nThis is also not verified, but my best guess for the arrow-like shape at the start is that there's probably a point added to the points array for the shape when calling a moveTo command.\r\n\r\nEnvironment:\r\nPIXI 4.8.1, Fiddle looked the same in current Chrome (67) and Safari (11.1.1) on an iMac.\r\nA random Windows 10 box renders it the same with current Chrome (67)."},"comment":{"url":"https://api.github.com/repos/pixijs/pixi.js/issues/comments/451318091","html_url":"https://github.com/pixijs/pixi.js/issues/5006#issuecomment-451318091","issue_url":"https://api.github.com/repos/pixijs/pixi.js/issues/5006","id":451318091,"node_id":"MDEyOklzc3VlQ29tbWVudDQ1MTMxODA5MQ==","user":{"login":"bmcgary","id":9909710,"node_id":"MDQ6VXNlcjk5MDk3MTA=","avatar_url":"https://avatars0.githubusercontent.com/u/9909710?v=4","gravatar_id":"","url":"https://api.github.com/users/bmcgary","html_url":"https://github.com/bmcgary","followers_url":"https://api.github.com/users/bmcgary/followers","following_url":"https://api.github.com/users/bmcgary/following{/other_user}","gists_url":"https://api.github.com/users/bmcgary/gists{/gist_id}","starred_url":"https://api.github.com/users/bmcgary/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bmcgary/subscriptions","organizations_url":"https://api.github.com/users/bmcgary/orgs","repos_url":"https://api.github.com/users/bmcgary/repos","events_url":"https://api.github.com/users/bmcgary/events{/privacy}","received_events_url":"https://api.github.com/users/bmcgary/received_events","type":"User","site_admin":false},"created_at":"2019-01-04T00:07:41Z","updated_at":"2019-01-04T00:07:41Z","author_association":"NONE","body":"I have run into this issue as well, even after updating to v4.8.4. Just as the issue states this only happens when using webgl. When forceCanvas: true is set there is no issue, as can be seen in this screen shot\r\n![canvas](https://user-images.githubusercontent.com/9909710/50666853-6ca23d80-0f6b-11e9-8801-98bb1e3c4f4a.PNG)\r\n\r\nThis is the same shot but using webgl\r\n![weg_gl](https://user-images.githubusercontent.com/9909710/50666881-8479c180-0f6b-11e9-9630-feef0a17e66e.PNG)\r\n\r\nI am using d3 v4 to draw the arcs as so:\r\n`ringArc.context(graphic)(pieSeg);`\r\npieSeg is just a result of d3.pie. \r\n\r\nHere is fiddle demonstrating what I am seeing: https://jsfiddle.net/23vn6bg9/1/ (Thanks fmhdp as I forked yours to begin.)\r\n\r\nI am using Windows 10, Chrome 71, and have also seen this on FF 64\r\n"}}
{"actor":{"display_login":"bmcgary"}}