【COCOS2DX-游戏开发之三八】ClippingNode 制作标题闪亮特效

前端之家收集整理的这篇文章主要介绍了【COCOS2DX-游戏开发之三八】ClippingNode 制作标题闪亮特效前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.用ClippingNode可以实现上面的效果



2.以标题作为模板,光效经过ClippingNode(裁剪节点),裁剪掉多余的部分


3.附带上lua代码

  1. -- 1.创建模板、ClippingNode(裁剪节点)
  2. local stencil = display.newSprite("game_title.png")
  3.  
  4. local clipper = cc.ClippingNode:create()
  5. clipper:setStencil(stencil)
  6. -- clipper:setInverted(true)
  7. clipper:setAlphaThreshold(0)
  8.  
  9. -- 2.标题和光效
  10. local spr_title = display.newSprite("game_title.png")
  11. local spark = display.newSprite("spark.png")
  12.  
  13. clipper:addChild(spr_title)
  14. clipper:addChild(spark)
  15. clipper:setPosition(cc.p(300,300))
  16. self:addChild(clipper)
  17.  
  18. -- 3.光效移动、自动裁剪
  19. local sz = spr_title:getContentSize()
  20.  
  21. local move = cc.MoveTo:create(0.6,cc.p(sz.width,0))
  22. local delay1 = cc.DelayTime:create(0.5)
  23. local move_back = cc.MoveTo:create(0.6,cc.p(-sz.width,0))
  24. local delay2 = cc.DelayTime:create(0.5)
  25. local seq = cc.Sequence:create(delay1,move,delay2,move_back)
  26. local repeatAction = cc.RepeatForever:create(seq)
  27. spark:runAction(repeatAction)

4.资源代码下载地址:http://download.csdn.net/download/teng_ontheway/8688765


参考文章:

1.官方ClippingNode的使用

2.cocos2d js ClippingNode 制作标题闪亮特效原文链接http://www.waitingfy.com/archives/1093

3.比较详细的ClippingNode诠释http://www.mamicode.com/info-detail-247772.html

猜你在找的Cocos2d-x相关文章