PIXI and globalCompositeOperation

[Fred Gontier]

Hi,

Is it possible to change the globalCompositeOperation in PIXI CANVAS renderer?

I can't find any info about this

Thanks for your help,

Fred

for example: globalCompositeOperation = 'destination-out'

[ivan.popelyshev]

Blendmode works through globalCompositeOperation. You can add new blendmodes in CanvasRenderer.

https://github.com/pixijs/pixi.js/blob/dev/src/core/renderers/canvas/CanvasRenderer.js#L103

https://github.com/pixijs/pixi.js/blob/dev/src/core/renderers/canvas/utils/mapCanvasBlendModesToPixi.js

https://github.com/pixijs/pixi.js/blob/dev/src/core/const.js#L109

According to this, numbers from 20 are free, so you can do something like that 
 

renderer.blendModes[20] = 'destination-out';

sprite.blendMode = 20;

There's also a way to use custom blendmodes in webgl: