PixiJs 事件交互 ​

// 为精灵添加交互事件
sprite.interactive = true

// 精灵派加点击事件
sprite.on('click', (e) => {
  console.log(e, 'sprite click')
})
// 鼠标进入移出事件
sprite.on('pointerenter', () => (sprite.alpha = 1))
sprite.on('pointerleave', () => (sprite.alpha = 0.5))

// 创建矩形
const rect = new PIXI.Graphics()
rect.beginFill(0xff0000)
rect.drawRect(300, 300, 150, 150)
rect.endFill()

app.stage.addChild(rect)
rect.interactive = true

// 给矩形添加点击事件
rect.on('click', (e) => {
  console.log(e, 'rect click!')
})