我们先来介绍一下关于ClippingNode,ClippingNode是Node的子类。 使用模板(stencil)绘制它裁剪的内容(子节点)。 模板(stencil)是另一个节点(Node),它不会被绘制。 裁剪是通过使用模板的(alphaThreshold调节的)alpha部分完成的。 更多…

#include <CCClippingNode.h>

类 ClippingNode 继承关系图:



模板与底板



最终显示效果是:在底板对应位置裁剪出模板形状部分并显示,图中灰色部分为显示效果

设置倒置:clippingNode:setInverted(true)

如果设置了倒置,显示效果如下(图中灰色部分为最终显示效果):



示例代码

lua代码(主要代码)

– 遮罩效果

– 模板

local stencil = cc.Node:create()

local dogTmp = cc.Sprite:create(“res/dog.png”)

dogTmp:setPosition(cc.p(visibleSize.width/2,visibleSize.height/2))

stencil:addChild(dogTmp)

– 初始化一个裁剪节点

local clippingNode = cc.ClippingNode:create(stencil)

– 倒置(Inverted) 如果设置为真(true),模板(stencil)会被反转,此时会绘制内容而不绘制模板(stencil)。 默认设置为假(false)

clippingNode:setInverted(true)

–alpha阈值(threshold) 只有模板(stencil)的alpha像素大于alpha阈值(alphaThreshold)时内容才会被绘制。 alpha阈值(threshold)范围应是0到1之间的浮点数。 alpha阈值(threshold)默认为1(alpha测试默认关闭)

clippingNode:setAlphaThreshold(0)

– 底板

local floor = cc.LayerColor:create(cc.c4b(0,0,0,150))

clippingNode:addChild(floor)

sceneGame:addChild(clippingNode)

运行效果:倒置



运行效果:未倒置