phaser/examples/wip/alpha-mask.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() {

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

	pic = 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;
	// mask.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() {

}