【Cocos2D|【Cocos2D + Lua】ClippingNode制作动画【Cocos2D+Lua】ClippingNode制作动画

今天熟悉了Lua的语法，同时学习了Cocos中ClippingNode的使用，这个节点通常是用来做动画的，示例如下：

clip.gif 开始
下面就让我们来利用ClippingNode来作出一个类似上面的这种效果！
代码参考如下所示：

function init_element() self._layer = cc.LayerColor:create(cc.c3b(0,255,0)) local scale = uiex.ui_fit:min_scale() self._layer:setScale(scale) self._layer:setAnchorPoint(cc.p(0,0)) self:addChild(self._layer)local stencil = display.newSprite("image/login/earth_mask.png") local clip = cc.ClippingNode:create(stencil) clip:move(display.cx, display.cy) clip:setAlphaThreshold(0.1)local logo = display.newSprite("HelloWorld.png") logo:setAnchorPoint(0,0) local logoSize = logo:getContentSize()logo:runAction( cc.RepeatForever:create( cc.Sequence:create( cc.MoveBy:create(5, cc.p(-logoSize.width*2,0)), cc.CallFunc:create( function() logo:setPositionX(0) end) )))clip:addChild(logo) end

接着
其实这个动画的原理如下：

想象有一个洞，然后有一块内容不断的移动同时经过这个洞，这样也就有了上述的动画效果。

【【Cocos2D|【Cocos2D + Lua】ClippingNode制作动画】上述代码中有两个主要的Node，一个是我们利用stencil创建的ClippingNode,这个就是一个洞；然后我们创建了logo,这就是内容了；下面对logo进行runAction,也就是相当于不断的移动内容；最后需要将内容作为子节点加入到洞中，这样动画就完成了。
尾巴
Lua写Cocos真心蛋疼，尤其是我这样的初学者