加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-14 21:18:20 所属栏目:百科 来源:网络整理
导读:1.用ClippingNode可以实现上面的效果 2.以标题作为模板,光效经过ClippingNode(裁剪节点),裁剪掉多余的部分 3.附带上lua代码 -- 1.创建模板、ClippingNode(裁剪节点) local stencil = display.newSprite("game_title.png") local clipper = cc.ClippingNode:c

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读