Interactive set of arcs

[macpherson]

Hi! Is there any way to make set of arcs interactive? I have next not working code:

 

items.forEach(item => {
  const arc = new PIXI.Graphics();
  arc.lineStyle(...);
  arc.arc(...);
  arc.interactive = true;
  arc.on('mousedown', event => {
    ...
  })
  app.stage.addChild(arc);
})

How to handle that correctly?

[Exca]

You need to add hitarea to arc as arcs only have lines and no solid hitarea.

You could for example add a polygon hitarea that roughly follows the arc.

[ivan.popelyshev]

@bigtimebuddy had a workaround somewhere