Examples v3.24.0 display blend modes
Custom Separate Blend Mode

Version:
main.js
var config = {
    type: Phaser.WEBGL,
    width: 800,
    height: 600,
    backgroundColor: '#00ff00',
    parent: 'phaser-example',
    scene: {
        preload: preload,
        create: create
    }
};

var game = new Phaser.Game(config);

function preload ()
{
    this.load.image('turkey', 'assets/pics/turkey-1985086.jpg');
    this.load.image('face', 'assets/pics/bw-face.png');
    this.load.image('src', 'assets/tests/blendmode/src.png');
    this.load.image('dst', 'assets/tests/blendmode/dst.png');
    this.load.image('logo', 'assets/sprites/phaser-large.png');
}

function create ()
{
    //  WebGL only:

    var gl = this.sys.game.renderer.gl;

    var consts = [
        gl.ZERO,
        gl.ONE,
        gl.SRC_COLOR,
        gl.ONE_MINUS_SRC_COLOR,
        gl.DST_COLOR,
        gl.ONE_MINUS_DST_COLOR,
        gl.SRC_ALPHA,
        gl.ONE_MINUS_SRC_ALPHA,
        gl.DST_ALPHA,
        gl.ONE_MINUS_DST_ALPHA,
        gl.CONSTANT_COLOR,
        gl.ONE_MINUS_CONSTANT_COLOR,
        gl.CONSTANT_ALPHA,
        gl.ONE_MINUS_CONSTANT_ALPHA,
        gl.SRC_ALPHA_SATURATE
    ];

    var equations = [
        gl.FUNC_ADD,
        gl.FUNC_SUBTRACT,
        gl.FUNC_REVERSE_SUBTRACT
    ];

    var list = [
        { val: 0, text: 'ZERO' },
        { val: 1, text: 'ONE' },
        { val: 2, text: 'SRC_COLOR' },
        { val: 3, text: 'ONE_MINUS_SRC_COLOR' },
        { val: 4, text: 'DST_COLOR' },
        { val: 5, text: 'ONE_MINUS_DST_COLOR' },
        { val: 6, text: 'SRC_ALPHA' },
        { val: 7, text: 'ONE_MINUS_SRC_ALPHA' },
        { val: 8, text: 'DST_ALPHA' },
        { val: 9, text: 'ONE_MINUS_DST_ALPHA' },
        { val: 10, text: 'CONSTANT_COLOR' },
        { val: 11, text: 'ONE_MINUS_CONSTANT_COLOR' },
        { val: 12, text: 'CONSTANT_ALPHA' },
        { val: 13, text: 'ONE_MINUS_CONSTANT_ALPHA' },
        { val: 14, text: 'SRC_ALPHA_SATURATE' }
    ];

    var list2 = [
        { val: 0, text: 'FUNC_ADD' },
        { val: 1, text: 'FUNC_SUBTRACT' },
        { val: 2, text: 'FUNC_REVERSE_SUBTRACT' }
    ];

    var newMode = [ gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE_MINUS_SRC_ALPHA ];
    var equation = equations[0];

    var renderer = this.sys.game.renderer;

    var modeIndex = renderer.addBlendMode(newMode, equation);

    this.add.image(400, 300, 'face').setBlendMode(modeIndex);
    // this.add.image(400, 300, 'dst');
    // this.add.image(400, 300, 'src').setBlendMode(modeIndex);
    // this.add.image(400, 300, 'logo').setBlendMode(modeIndex);
    this.add.image(400, 300, 'logo');

    //  zero, one, one, zero, add

    //  Create the 4 select lists

    var srcRGB = $('').attr('id', 'dstRGB').data('idx', 1).appendTo('body');
    var srcAlpha = $('').attr('id', 'dstAlpha').data('idx', 3).appendTo('body');

    $(list).each(function() {

        srcRGB.append($("