I have just noticed that in some cases in Firefox the masks don’t work correctly.
In Chrome I see this:
The fiches is made of:
- a base texture (the white+shadows) part
- the color part upon it, using multiply blendmode
- circular mask, a Shape
- a container for all of these elements
This is how it appears if I don’t set the mask as the mask of the container:
And this is how it appears in Firefox if I apply the mask:
both in webGL and canvas render.
The base texture is masked, but the color part with the blendmode is ignored.
If I disable the blendmode I obtain this:
And this is what I obtain by restoring blendmode and applying cacheAsBitmap = true to the container:
That is identical to the render of Chrome without cacheAsBitmap.
What can you tell me about this difference between Chrome and Firefox?