[bug] v8 NineSliceSprite doesnt works as mask on Sprite

[Makio64]

Current Behavior

When a NineSliceSprite is set as a mask of a Sprite , the mask is ignored.

Expected Behavior

When a NineSliceSprite is set as a mask of a Sprite , the mask work.

Steps to Reproduce

		this.container.addChild(this.image)
		this.container.addChild(this.mask9splice)
		this.image.mask = this.mask9splice

Environment

• pixi.js version: 8.1.0
• Browser & Version: latest
• OS & Version: mac os latest
• Running Example: /

Possible Solution

No response

Additional Information

No response

[GoodBoyDigital]

Thanks for sharing @Makio64.
is this possible with v7? cheers!

[Makio64]

@GoodBoyDigital I didnt try v7 but this might be link with the same bug than here : #10491 if it use renderTexture internally, i will try the same kind of workaround and let you know.

[Makio64]

my current workaround if anyone hit the same problem :

import Stage2d from "@/makio/2d/Stage2d";
import { RenderTexture, Sprite } from "pixi.js";

export default class NineSliceMask extends Sprite{

	constructor(nineSliceSprite){

		let renderTexture = new RenderTexture({
			antialias: true,
			width: nineSliceSprite.width,
			height: nineSliceSprite.height,
		})

		super(renderTexture)

		this.sprite = this.nineSliceSprite = nineSliceSprite
		this.renderTexture = renderTexture

		// add this one to the main stage to
		this.forceRefreshSprite = new Sprite(this.renderTexture)
		this.forceRefreshSprite.alpha = 0
		this.forceRefreshSprite.visible = false

		this.updateTexture()
	}

	drawMask(){
		Stage2d.app.renderer.render({
			container: this.nineSliceSprite,
			target: this.renderTexture,
			clear: true,
		})
	}

	updateTexture(){
		if(this.nineSliceSprite.width != this.renderTexture.width || this.nineSliceSprite.height != this.renderTexture.height){
			console.log('updatesize', this.nineSliceSprite.width, this.nineSliceSprite.height)
			this.renderTexture.resize(this.nineSliceSprite.width, this.nineSliceSprite.height)
		}

		this.drawMask()
		
		// force refresh on one frame, see bug :
		Stage2d.addChild(this.forceRefreshSprite)
		setTimeout(()=>{
			Stage2d.removeChild(this.forceRefreshSprite)
		}, 1)
	}


}