Graphics arc internals

[mcolman]

Hi, just trying to work out the internals of Pixi Graphics. 

It appears to me that the `arc` method plots points and draws to a canvas context, rather than just using `context.arc`. Is this correct? How come?

I ask because I can see the curve is not perfect.

Thanks!

[ivan.popelyshev]

That's because its intended to work both for canvas and webgl.

If you want perfect curves - create a canvas element, use context api and then wrap it into "new BaseTexture(myCanvas)", or "BaseTexture.fromCanvas(myCanvas)" or "Texture.fromCanvas(myCanvas)", dont forget to update base texture every time you change something on canvas.

[mcolman]

k thanks!

[shabeerahmedshah]

Could anyone help me in making the graphics event-transparent so that I can get the click event on the sprite which is underneath the graphics?

[ivan.popelyshev]

4 hours ago, shabeerahmedshah said:

Could anyone help me in making the graphics event-transparent so that I can get the click event on the sprite which is underneath the graphics?

Its easy. Just override Graphics.containsPoint : https://github.com/pixijs/pixi.js/blob/master/src/core/graphics/Graphics.js#L921 , make it so it stores number of shape which actually contains that point in some variable, like "this._interactedShape"

[shabeerahmedshah]

Thanks for replying ivan, but I am a newbie to pixi so didn't fully get what you just suggested.

[ivan.popelyshev]

4 hours ago, shabeerahmedshah said:

Thanks for replying ivan, but I am a newbie to pixi so didn't fully get what you just suggested.

Copy that function and store "i" somewhere to use it later

This function is called from InteractionManager when it needs to know whether the object was hit