wassname/phaser
1
0
Fork 0
mirror of https://github.com/wassname/phaser.git synced 2026-07-11 00:40:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

BitmapData.alphaMask will draw the given image onto a BitmapData using an image as an alpha mask.

Browse Source
This commit is contained in:
photonstorm
2014-02-21 15:09:04 +00:00
parent 07af06fc4e
commit d7ababa398
4 changed files with 124 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/wip/alpha-mask.js
+6 -25
View File
@@ -1,10 +1,9 @@
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 });
// 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');
@@ -12,34 +11,16 @@ function preload() {
}
var pic;
var mask;
function create() {
game.add.image(-200, 0, 'bg');
var bmd = game.make.bitmapData(320, 256);
pic = game.add.sprite(0, 0, 'mask1');
// pic = game.add.sprite(0, 0, 'pic');
bmd.alphaMask('pic', 'mask2');
// mask.addChild(pic);
pic = game.add.sprite(0, 0, bmd);
// 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;
pic.scale.set(2);
}
examples/wip/blendmodes.js
+62
View File
@@ -0,0 +1,62 @@
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() {
}