您的位置:首页 > 移动开发 > Cocos引擎

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

2015-05-11 23:17 447 查看
1.用ClippingNode可以实现上面的效果



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

3.附带上lua代码

-- 1.创建模板、ClippingNode(裁剪节点)
local stencil = display.newSprite("game_title.png")

local clipper = cc.ClippingNode:create()
clipper:setStencil(stencil)
-- clipper:setInverted(true)
clipper:setAlphaThreshold(0)

-- 2.标题和光效
local spr_title = display.newSprite("game_title.png")
local spark = display.newSprite("spark.png")

clipper:addChild(spr_title)
clipper:addChild(spark)
clipper:setPosition(cc.p(300, 300))
self:addChild(clipper)

-- 3.光效移动、自动裁剪
local sz = spr_title:getContentSize()

local move = cc.MoveTo:create(0.6, cc.p(sz.width, 0))
local delay1 = cc.DelayTime:create(0.5)
local move_back = cc.MoveTo:create(0.6, cc.p(-sz.width, 0))
local delay2 = cc.DelayTime:create(0.5)
local seq = cc.Sequence:create(delay1, move, delay2, move_back)
local repeatAction = cc.RepeatForever:create(seq)
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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐