Pixi mask don't work

[jakubdev]

Hey,

 

I use few mask in my game. Most of them work fine. They hide what I want and show what only stuff inside mask, but for some reason one mask is diffrent. She use same code, but doesn't hide what's outside of her.

Code used to make mask work:

    const accountsContainer = createContainer('accountsContainer', true, true, true); // containerName, making Window object, make it container fullscreen, interactive
    setSpriteXYLocation(accountsContainer, signUpPositions.CHOOSE_ACCOUNT.ACCOUNTS.START); // as name suggest set in this case container to certain position on viewport
    let availableAccounts = await getUserAccounts(user._id); // fetch accounts


    renderAccountFrame(commonSH, signUpSH, accountsContainer, availableAccounts); // render list of accounts

    const mask = new PIXI.Sprite(PIXI.Texture.WHITE);
    mask.width = accountsContainer.width;
    mask.height = accountsContainer.height;
    accountsContainer.mask = mask;
    accountsContainer.addChild(mask);

 

First video show how this mask behave, when not attached to in this case accountsContainer with code `accountsContainer.mask = mask;`
Second video has mask attached to its container.

 

[ivan.popelyshev]

do you know how "accountContainer.height" is calculated?