初试 ClippingNode 实现遮罩效果

--绘制一个圆，类型drawNode，将圆作为裁剪的类型

local circle = display.newCircle(50,

        {x =50, y = 0,

        fillColor = cc.c4f(1, 0, 0, 1),

        borderColor = cc.c4f(0, 1, 0, 1),

        borderWidth = 2})

--圆的动画：期望效果其他部分被遮盖，只能看到圆所在的图像

circle:runAction(cc.RepeatForever:create(

cc.Sequence:create(

cc.MoveTo:create(2,cc.p(-180,0)),cc.MoveTo:create(2,cc.p(50,0))

)

))

-- -- 这是一个圆形图片裁剪板

--local stencil= cc.Sprite:create('ui/r1.png')

--创建裁剪节点

local c_node = cc.ClippingNode:create()

c_node:setStencil(circle) -- 设置底板的裁剪板

c_node:setInverted(false) -- 设置底板不可见

c_node:setAlphaThreshold(0) --设置绘制底板的Alpha值为0

c_node:setPosition(display.cx,display.cy)

--创建底板

local sp = cc.Sprite:create('ui/open.png')

c_node:addChild(sp)

self:addChild(c_node)