pixijs事件，点击一个元素触发另一个元素的改变

可以通过在点击事件的回调函数中获取需要改变的元素，然后修改它的属性来实现。

例如，假设你有两个元素A和B，当点击元素A时，需要改变元素B的颜色，可以按照以下步骤实现：

1. 给元素A添加点击事件的监听器，通过`on`方法实现：

A.on('click', function() {
  // 在这里获取需要改变的元素B
});

2. 在回调函数中获取元素B，可以通过`id`或者其他属性选择器获取：

A.on('click', function() {
  var elementB = PIXI.utils.findDeepChild(app.stage, { id: 'B' });
  // 或者 var elementB = app.stage.children[indexOfB];
});

3. 修改元素B的属性，例如颜色：

A.on('click', function() {
  var elementB = PIXI.utils.findDeepChild(app.stage, { id: 'B' });
  elementB.tint = 0xff0000; // 修改B的颜色为红色
});

完整代码示例：

var app = new PIXI.Application();
document.body.appendChild(app.view);

// 创建元素A和B
var elementA = new PIXI.Sprite(PIXI.Texture.WHITE);
elementA.width = elementA.height = 100;
elementA.tint = 0x00ff00;
elementA.interactive = true;
elementA.buttonMode = true;
elementA.position.set(50, 50);
app.stage.addChild(elementA);

var elementB = new PIXI.Sprite(PIXI.Texture.WHITE);
elementB.width = elementB.height = 100;
elementB.tint = 0x0000ff;
elementB.position.set(200, 50);
elementB.id = 'B';
app.stage.addChild(elementB);

// 在元素A上添加点击事件的监听器
elementA.on('click', function() {
  var elementB = PIXI.utils.findDeepChild(app.stage, { id: 'B' });
  elementB.tint = 0xff0000;
});