The interaction plugin for pixi.js.
npm i @iro/interaction- Unified event type,
Pointerevent only. PointeroutandPointerupoutsidehavetargetvalue.
// webpack.config.js plugins: [newwebpack.ProvidePlugin({PIXI: 'pixi.js'})]importInteractionfrom'@iro/interaction'// pixi.js@5PIXI.Renderer.registerPlugin('interaction',Interaction)// pixi.js@6// remove default interaction extensionsfor(constxinPIXI.extensions._queue){for(constextofPIXI.extensions._queue[x]){if(ext.name==='interaction'){PIXI.extensions.remove(ext)}}}// add @iro/interactionPIXI.extensions.add({name: 'interaction',ref: Interaction,type: [PIXI.ExtensionType.RendererPlugin,PIXI.ExtensionType.CanvasRendererPlugin]})renderer.plugins.interaction.on('pointerdown',ev=>{})sprite.on('pointerup',ev=>{})/** * - tap * - pointerup * - pointerout * - pointermove * - pointerdown * - pointerenter * - pointerupoutside*/interfaceSpriteextendsPIXI.Sprite{pointerEvents?: 'auto'|'none'}consta: Sprite=newPIXI.Sprite(texture)a.pointerEvents='none'constb: Sprite=newPIXI.Sprite(texture)b.interactive=trueb.on('pointerdown',console.log)// outputstage.addChild(b,a)