遮罩

简介

1 .一张底板，一张遮罩图，透过遮罩展示底板
2 .作为遮罩的图片

const aplat=this.make.image({x:400,y:300,key:'splat',add:false})
const mask=new Phaser.Display.Masks.BitmapMask(this,splt)

//给物体添加遮罩
container.mask=mask1;

3 .实际效果

    //添加一个遮罩
    const splat = this.make.image({ x: 0, y: 0, key: 'splat', add: false });
    const mask = new Phaser.Display.Masks.BitmapMask(this, splat);
    // bg.setMask(mask)
    bg.mask=mask

//1 .bg物体是image
//2 .遮罩层是在create里面现成添加的。总之仅仅在preload 里面加载是不行的
//3 .遮罩定义必须用new 的方式，直接this.add.BitmapMask是不行的

4 .定义一个形状来遮罩也是可以的

const overlay=this.scene.add.graphics()
    overlay.fillStyle(0xeeeeee, 0.8).fillRect(0, 0, 100, 100);
    const maskGraphics = this.scene.make.graphics();
    maskGraphics.fillStyle(0xffffff);
        maskGraphics.fillRect(100, 100, 256, 256);
        const mask = new Phaser.Display.Masks.BitmapMask(this.scene, maskGraphics);

        mask.invertAlpha = true;

        overlay.setMask(mask);