PixiJS - 在精灵上使用多个蒙版

Question

我是 PixiJS 的新手，我搞不懂这个。我知道您可以像这样在对象上设置遮罩：

mainSprite.mask = maskSprite

但是如果需要在mainSprite上设置多个遮罩怎么办？我尝试使用 PIXI.Container 但它不起作用...有什么想法吗？

Answer 1

不确定这是否是最好的方法，但您可以将多个精灵添加到容器中，然后从容器创建纹理并将其用作遮罩

let container = new PIXI.Container();

for(let i = 0; i < 5; i++){
    let sprite = new PIXI.Sprite(TEXTURE);
    sprite.position.set(POSITION)
    container.addChild(sprite)
}

let mask = new PIXI.Sprite(RENDERER.generateTexture(container));

只需替换相关变量，这应该可以工作

PixiJS - 在精灵上使用多个蒙版

PixiJS - Using multiple masks on a sprite

pixi.js