ClippingNode的使用

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

比如:


ClippingNode的使用_第1张图片

ClippingNode的使用_第2张图片
裁剪节点的本质是:以一个Node作为模板,以一个Node作为底板,用模板去裁剪底板

在cocos2dx中,clippingNode提供如下方法:


ClippingNode的使用_第3张图片



主要函数:

1、setStencil:设置一个模板初始Node,如果之后需要添加模板,之前SetParent到初始Node上

2、setInverted:设置倒置显示,默认为false,默认为显示被裁剪的区域,设为true则显示裁剪后剩余的区域。

3、setAlphaThreshold:设置alpha阈值,取值[0, 1],默认为1即关闭alpha测试 绘制模板区域的全部内容。如果为0.05,则表示只绘制模板区域中alpha值大于0.05的区域所对应的底板。


第一个效果的实现:

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



第二个效果的实现:

本质:图一作为初始底板,图二作为第二个底板,并且让图二向右进行运动,再让图一作为模板进行裁剪。

你可能感兴趣的:(ClippingNode的使用)