【转载】ClippingNode的使用

文／核桃啊（作者）原文链接：http://www.jianshu.com/p/a59641ff2eac

裁剪节点的使用可以做出很多炫酷的效果

比如：

Paste_Image.png

Paste_Image.png

Paste_Image.png

裁剪节点的本质是：以一个Node作为模板，以一个Node作为底板，用模板去裁剪底板
在cocos2dx中，clippingNode提供如下方法：

---

主要函数：
1、setStencil：设置一个模板初始Node，如果之后需要添加模板，之前SetParent到初始Node上
2、setInverted：设置倒置显示，默认为false，默认为显示被裁剪的区域，设为true则显示裁剪后剩余的区域。
3、setAlphaThreshold:设置alpha阈值，取值[0， 1]，默认为1即关闭alpha测试 绘制模板区域的全部内容。如果为0.05，则表示只绘制模板区域中alpha值大于0.05的区域所对应的底板。

---

第一个效果的实现：
本质：图一作为初始底板，在点击触发的时候，在点击位置增加图二底板(setParent)到图一上，然后用图三作为模板进行裁剪，并且setInvert(true)。

第二个效果的实现：
本质：图一作为初始底板，图二作为第二个底板，并且让图二向右进行运动，再让图一作为模板进行裁剪。

lua示例代码请参考

---

文／核桃啊（作者）原文链接：http://www.jianshu.com/p/a59641ff2eac 著作权归作者所有，转载请联系作者获得授权，并标注“作者”。