【Cocos2d-x 3.2】裁剪节点(ClippingNode)总结
有时候我们需要显示一张图片的部分区域,比如文字遮罩、图片遮罩等。
本节要讲的ClippingNode的功能效果大致就是上面所看到的遮罩效果。 Demo下载:裁剪节点ClippingNode.rar ClippingNode 1、原理 ClippingNode(裁剪节点)可以用来对节点进行裁剪。ClippingNode是Node的子类,可以像普通节点一样放入Layer,Scene,Node中。 主要是根据一个模板(Stencil)切割图片的节点,生成任何形状的节点显示。 ClippingNode是利用模板遮罩来完成对Node区域裁剪的技术。 如何理解ClippingNode的遮罩?看下图的例子吧。 2、举例说明
2.1、第一组(Layer层无背景图片)
裁剪遮罩效果示意图: 2.2、第二组(Layer层有背景图片)
裁剪遮罩效果示意图: 2.3、分析总结 通过ClippingNode进行裁剪遮罩,其实是这样的:
总的来说:
其中:模板(Stencil)只是一个“形状模板”,本身的图片是不进行绘制的。 3、主要函数 ClippingNode继承于Node类,用于节点的裁剪与遮罩。 3.1、创建ClippingNode 两种方式:是否使用模板(stencil)来创建。
3.2、设置模板(Stencil) 模板节点是Node的子类,一般常常使用DrawNode,因为它可以绘制不同形状的图形。当然也可以直接使用Node节点作为作为模板。
|