What i need
I have two sprites with transparent background textures and want to clip one sprite with other, while keeping the color of clipped one.
What i tried
I tried to use DisplayObject.mask property
https://jsfiddle.net/wrfthr8u/5/
var app = new PIXI.Application(600, 480, {backgroundColor : 0x1099bb});
document.body.appendChild(app.view);
let squareTexture = PIXI.Texture.fromImage(SQUARE_IMAGE_URL);
let circleTexture = PIXI.Texture.fromImage(CIRCLE_IMAGE_URL);
let square = new PIXI.Sprite(squareTexture);
let circle = new PIXI.Sprite(circleTexture);
square.mask = circle;
app.stage.addChild(square);
app.stage.addChild(circle);
But in addition to clipping it also modifies clipped sprite color
So is there any way to clip sprite in Pixi while keeping it's original color without using simple shapes painted with Graphic (i really need to do this with any texture with transparent pixels)?