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

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

【COCOS2DX-游戏开发之三八】ClippingNode 制作标题闪亮特效_第1张图片



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



你可能感兴趣的:(cocos2dx,特效,裁剪,ClippingNode)