关于cocos2d-js中使用 ClippingNode 以及 BlendFunc 来实现遮罩

cliper : function(frameName){

//创建一个遮罩的模板

var sten = new cc.Sprite(frameName);

//创建一个ClippingNode 并设置一些基础属性 容器宽高与模板有关

var clipnode = new cc.ClippingNode();

clipnode.attr({

stencil:sten,

anchorX:0.5,

anchorY:0.5,

alphaThreshold:0.8,//设置裁剪透明值阀值 默认值为1 等于1時 alpha = 0的部分也被裁剪 

});

return clipnode;

},

var clipnode = this.cliper("res/ui_cw_xizhizi_zhezhaodi.png”);

  clipnode.attr({

        x:size.width / 4,

        y:size.height / 2,

        //inverted:true,

        });

        this.addChild(clipnode);

        

        var bo2 = new cc.Sprite("#ui_pet_aptitude_1_1.png");

        bo2.attr({

        x:clipnode.width / 2,

        y:clipnode.height / 2 - 20,

        });

        bo2.runAction(cc.animate(animation).repeatForever());

 

        clipnode.addChild(bo2);

testBlendFunc : function(){

    //创建底下的那个图片精灵

    var sp =  new cc.Sprite("#ui_pet_aptitude_1_1.png")

    sp.attr({

    anchorX:0,

    anchorY:0,

    });

    //创建遮罩精灵

    var mask = new cc.Sprite("res/ui_cw_xizhizi_zhezhaodi.png");

    mask.attr({

    anchorX:0,

    anchorY:0,

    });

    mask.setBlendFunc(cc.ONE_MINUS_SRC_ALPHA,cc.SRC_ALPHA)

    //创建一个可渲染纹理

    var rt = cc.RenderTexture(sp.width,sp.height);

    rt.attr({

    anchorX:0,

    anchorY:0,

    x:500,

    y:300,

    });

    this.addChild(rt);    

    rt.begin();

    sp.visit();

    mask.visit();

    rt.end();

},