Jay

Finally I got simple but better, faster pie chart. http://goo.gl/mzFrB0 I left the link for whoever needs this. Basic idea is same with @alex_h. In my case, I simply use semi-circle image which is white foreground color. Then I come up with three sprites. First one is for foreground, second is for background. And final one is used to control and shape pie by changing tint & rotation according to target angle. Thanks for sharing and hinting me for all you guys.

@hubert Thanks for your tip. I actually tried your guide. http://goo.gl/CfZASP But the final quality is not good as I expected. Is there any way to set anti-aliasing for edge line? Am I missing something? @alex_h During implement mask version I got an idea how to create pie more efficiently. It is almost same approach with you. But I think to handle >270 degree, I need bright segment also. I'll update if I finish new approach. I'm very eager to get 60 fps on mobile browser. Anyhow pixijs is wonderful and has great performance! Thanks

Hello I want to draw a pie chart and animate it according to current value. My target is like this: http://codepen.io/jtarr/pen/upFGC It is relative easy to implement the animation using CSS or canvas graphics with 60fps. How can I create those effect with pixijs in WebGL context? I thought using canvas is a hurdle for 60fps in mobile device? Please let me know any tips or directions. Thanks.