phaser/examples/wip/blendmodes.js

var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update, render: render });
// var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });

function preload() {

	game.load.image('bg', 'assets/pics/color_wheel_swirl.png');
	game.load.image('pic', 'assets/pics/questar.png');
	game.load.image('mask1', 'assets/pics/mask-test.png');
	game.load.image('mask2', 'assets/pics/mask-test2.png');

}

var pic;
var mask;

function create() {

	var bmd = game.make.bitmapData(320, 200);

	// bmd.draw('pic');

	bmd.alphaMask('pic', 'mask2');

	pic = game.add.sprite(0, 0, bmd);

	// game.add.image(-200, 0, 'bg');

	// mask = game.add.sprite(0, 0, 'mask1');

	// pic = game.add.sprite(0, 0, 'pic');

	// mask.addChild(pic);

	// pic.blendMode = Phaser.blendModes.NORMAL;
	// pic.blendMode = Phaser.blendModes.ADD;
	// pic.blendMode = Phaser.blendModes.MULTIPLY;
	// pic.blendMode = Phaser.blendModes.SCREEN;
	// mask.blendMode = Phaser.blendModes.OVERLAY;
	// pic.blendMode = Phaser.blendModes.DARKEN;
	// pic.blendMode = Phaser.blendModes.LIGHTEN;
	// pic.blendMode = Phaser.blendModes.COLOR_DODGE;
	// pic.blendMode = Phaser.blendModes.COLOR_BURN;
	// pic.blendMode = Phaser.blendModes.HARD_LIGHT;
	// pic.blendMode = Phaser.blendModes.SOFT_LIGHT;
	// pic.blendMode = Phaser.blendModes.DIFFERENCE;
	// pic.blendMode = Phaser.blendModes.EXCLUSION;
	// pic.blendMode = Phaser.blendModes.HUE;
	// pic.blendMode = PIXI.blendModes.SATURATION;
	// pic.blendMode = Phaser.blendModes.COLOR;
	// pic.blendMode = Phaser.blendModes.LUMINOSITY;

}

function update() {


}

function render() {

}