Need way to handle mask as single layer about layers HOT 25 OPEN

        const c = new PIXI.Container();
        const d = new PIXI.Sprite(texture);
        const n = new PIXI.Sprite(texture);
        d.parentGroup = PIXI.lights.diffuseGroup;
        n.parentGroup = PIXI.lights.normalGroup;
        c .addChild(d,n)

const shadderMaskfilters = ???; // need a magician here
c.filters = [shadderMaskfilters];

              //solution 1 poor performance: and very bad if we have more child stuff
      
              const mask = new PIXI.Sprite(PIXI.Texture.WHITE);
              const master = new PIXI.Container();
              const c = new PIXI.Container();
              const d = new PIXI.Sprite(textureName);
              const n = new PIXI.Sprite(textureName);
              d.parentGroup = PIXI.lights.diffuseGroup;
              n.parentGroup = PIXI.lights.normalGroup;
              c.addChild(d,n);
              master.addChild(c);

              d.mask = mask;
              n.mask = mask;


              
              //solution 2 ~more good performance but shitty code for interactions:
      
              const mask = new PIXI.Sprite(PIXI.Texture.WHITE);
              const master = new PIXI.Container();
              const cd = new PIXI.Container();
              const cn = new PIXI.Container();
              cd.parentGroup = PIXI.lights.diffuseGroup;
              cn.parentGroup = PIXI.lights.normalGroup;
              master.addChild(cd,cn);
              const d = new PIXI.Sprite(textureName);
              const n = new PIXI.Sprite(textureName);
              cd .addChild(d);
              cn .addChild(n);

              cd.mask = mask;
              cn.mask = mask;


            //solution 3 What we need plz

            const mask = new PIXI.Sprite(PIXI.Texture.WHITE);
            const master = new PIXI.Container();
            const c = new PIXI.Container();
            const d = new PIXI.Sprite(textureName);
            const n = new PIXI.Sprite(textureName);
            d.parentGroup = PIXI.lights.diffuseGroup;
            n.parentGroup = PIXI.lights.normalGroup;
            c.addChild(d,n);
            master.addChild(c);

            master.mask = mask;

        //!rendererMask
        const itX = -460;
        const itY = -285;
        const mask = new PIXI.Sprite(PIXI.Texture.from('DATA2/testmask.png')) //new PIXI.Sprite(PIXI.Texture.WHITE);
        mask.width = 970;
        mask.height = 515;

        const renderTextureD = PIXI.RenderTexture.create(970, 515);
        const renderTextureN = PIXI.RenderTexture.create(970, 515);
        const renderSpriteD = new PIXI.Sprite(renderTextureD);
        const renderSpriteN = new PIXI.Sprite(renderTextureN);
        renderSpriteD.parentGroup = PIXI.lights.diffuseGroup;
        renderSpriteN.parentGroup = PIXI.lights.normalGroup;
        renderSpriteD.position.set(itX,itY);
        renderSpriteN.position.set(itX,itY);
        mask.position.set(itX,itY);
        renderSpriteD.mask = mask;
        renderSpriteN.mask = mask;

        //!ContainerItems
        //TODO: Eventuelement, ajouter un options pour generer des textures diffuses, avec mask pour cool FX (pas important)
        const ItemsContainer = new PIXI.Container();
        ItemsContainer.position.set(itX,itY);
        ItemsContainer.mask = mask;
        for (let i=0,xx=0,yy=0,marge=325, l=$items.list_items.length; i<l; i++) {
            const itemBase = $items.list_items[i];
            const itemslot = this.itemSlots[i] = new Menue_items.SlotItem(itemBase);
            itemslot.position.set(xx+10,yy+70);// +10,+70 because rendered are from local positions
            itemslot.renderable = false;
            ((i+1)%3)? xx+=marge : (yy+=126, xx=0);
        };
        ItemsContainer.addChild(...this.itemSlots);
        $app.ticker.add(()=> {
            for (let i=0,yy=60, l=this.itemSlots.length; i<l; i++) {
                const itemslot = this.itemSlots[i];
                itemslot.renderable = true;
                itemslot.extraRenderTo(renderTextureD,'d',!i);
                itemslot.extraRenderTo(renderTextureN,'n',!i);
                itemslot.pivot.y = this._currentLine*126;
                itemslot.renderable = false;
            };
        });
        //!End
        this.addChild(Frame,ExtraInformations,ItemsContainer,renderSpriteD,renderSpriteN,mask,SliderBar); // renderSpriteD,renderSpriteN,mask
        this.child = this.childrenToName();
        
        //DELETEME: TODO: TEST SCROLL
        document.addEventListener('wheel', (e) => { // zoom
            const _currentLine = this.child.SliderBar.scroll(e);
            TweenLite.to(this, 1, { _currentLine: _currentLine, ease: Power4.easeOut });
        });

            extraRenderTo(renderTexture,mapper,clear){
                if(mapper==='d'){
                    this.children.forEach(c => {
                        c.n && (c.n.renderable = false)
                    });
                    $app.renderer.render(this, renderTexture, clear, null, false);
                    this.children.forEach(c => {
                        c.n && (c.n.renderable = true)
                    });
                }
                if(mapper==='n'){
                    this.children.forEach(c => {
                        c.d && (c.d.renderable = false)
                    });
                    $app.renderer.render(this, renderTexture, clear, null, false);
                    this.children.forEach(c => {
                        c.d && (c.d.renderable = true)
                    });
                }
                
            }