pixijs webgl模式实现刮刮卡的方法 反向遮罩

pixijs webgl模式实现刮刮卡的方法

    const app = new PIXI.Application({  750, height: 1206, antialias: true});
  

 
   


     var guanbi = PIXI.Sprite.from('/moban/images/closebtn1.png');
    guanbi.width = 222;
    guanbi.height = 222;
    guanbi.name = 'guanbi1';
   
        app.stage.addChild(guanbi);
    var guanbi = PIXI.Sprite.from('/caitongxiaonian/images/closebtn1.png');
    guanbi.width = 222;
    guanbi.height = 222;
    guanbi.x=72;
    guanbi.y=72;
    guanbi.blendMode = PIXI.BLEND_MODES.XOR;
    guanbi.name = 'guanbi2';    
    app.stage.addChild(guanbi);

 document.body.appendChild(app.view);


如果遇到什么不懂的地方直接关注公众号留言(本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须在文章页面给出原文连接,否则保留追究法律责任的权利。)
作者:newmiracle
出处:https://www.cnblogs.com/newmiracle/

 
原文地址:https://www.cnblogs.com/newmiracle/p/14397375.html