《Cocos2d-x-3.2 Lua-tests》文件详解 之 特效Effects

特效也是Action，只不过比普通的Action要炫一点，别无其他。

require "src/EffectsTest/EffectsName"

--[[
    EffectsList =
    {
        [0] = "Shaky3D",      --3D晃动效果
        "Waves3D",            --3D波浪效果
        "FlipX3D",            --3D翻转X轴的效果，从上往下看，逆时针
        "FlipY3D",            --3D翻转Y轴的效果，从左往右看，逆时针
        "Lens3D",             --3D球面效果，外凸
        "Ripple3D",           --3D涟漪效果，从中间想四周扩散
        "Liquid",             --3D液体效果，就像把水面当镜子用那样
        "Waves",              --2D波浪效果
        "Twirl",              --2D（局部）扭曲效果
        "ShakyTiles3D",       --3D瓦片震动效果
        "ShatteredTiles3D",   --3D随机碎片效果
        "ShuffleTiles",       --（平面）洗牌效果
        "FadeOutTRTiles",     --瓦片退出效果，左下到右上
        "FadeOutBLTiles",     --瓦片退出效果，右上到左下
        "FadeOutUpTiles",     --瓦片退出效果，从下到上
        "FadeOutDownTiles",   --瓦片推出效果，从上到下
        "TurnOffTiles",       --瓦片随机淡出效果
        "WavesTiles3D",       --3D瓦片波浪效果
        "JumpTiles3D",        --3D瓦片，一上一下相互跳动效果
        "SplitRows",          --2D分裂横向抽出
        "SplitCols",          --2D分裂纵向抽出
        "PageTurn3D",         --3D翻页特效
    }
--]]

local ActionIdx = -1  --动作标签
local size = cc.Director:getInstance():getWinSize()  --窗口尺寸
--标签
local kTagTextLayer  = 1
local kTagBackground = 1
local kTagLabel      = 2
local MAX_LAYER      = 22

local testLayer  = nil
local titleLabel = nil
local entry      = nil
local gridNodeTarget = nil

local function checkAnim(dt)
    if nil == gridNodeTarget then
        return
    end
    if gridNodeTarget:getNumberOfRunningActions() == 0 and nil ~=gridNodeTarget:getGrid() then
        gridNodeTarget:setGrid(nil)
    end
end

local function onEnterOrExit(tag)
    local scheduler = cc.Director:getInstance():getScheduler()
    if tag == "enter" then
        entry = scheduler:scheduleScriptFunc(checkAnim, 0, false)
    elseif tag == "exit" then
        scheduler:unscheduleScriptEntry(entry)
    end
end

--菜单层布局
--以下代码实现通过菜单控制，依次观看各种不同的效果
local function backAction()
    ActionIdx = ActionIdx - 1
    if ActionIdx < 0 then
        ActionIdx = ActionIdx + MAX_LAYER
    end
    return CreateEffectsTestLayer()
end

local function restartAction()
    return CreateEffectsTestLayer()
end

local function nextAction()
    ActionIdx = ActionIdx + 1
    ActionIdx = math.mod(ActionIdx, MAX_LAYER)
    return CreateEffectsTestLayer()
end

local function backCallback(sender)
    local scene = cc.Scene:create()
    scene:addChild(backAction())
    scene:addChild(CreateBackMenuItem())
    cc.Director:getInstance():replaceScene(scene)
end

local function restartCallback(sender)
    local scene = cc.Scene:create()
    scene:addChild(restartAction())
    scene:addChild(CreateBackMenuItem())
    cc.Director:getInstance():replaceScene(scene)
end

local function nextCallback(sender)
    local scene = cc.Scene:create()
    scene:addChild(nextAction())
    scene:addChild(CreateBackMenuItem())
    cc.Director:getInstance():replaceScene(scene)
end
--------------------------------------
--  Shaky3DDemo
--------------------------------------
local function Shaky3DDemo(t)
    --参数：时间，size代表的是x,y方向震动的频率，震动幅度 - 后面的bool参数还不知道神马作用。
    return cc.Shaky3D:create(t, cc.size(100,100), 2, true)
end

--------------------------------------
--  Waves3DDemo
--------------------------------------
local function Waves3DDemo(t)
    --参数：时间，size越大越平滑，速度，幅度
    return cc.Waves3D:create(t, cc.size(100,100), 10, 10)
end

--------------------------------------
--  FlipX3DDemo
--------------------------------------
local function FlipX3DDemo(t)
    --一个参数：时间
    local flipx  = cc.FlipX3D:create(t)
    local flipx_back = flipx:reverse()
    local delay = cc.DelayTime:create(2)

    return cc.Sequence:create(flipx, flipx_back, delay)
end

--------------------------------------
--  FlipY3DDemo
--------------------------------------
local function FlipY3DDemo(t)
    --同上
    local flipy  = cc.FlipY3D:create(t)
    local flipy_back = flipy:reverse()
    local delay = cc.DelayTime:create(2)

    return cc.Sequence:create(flipy, flipy_back, delay)
end

--------------------------------------
--  Lens3DDemo
--------------------------------------
local function Lens3DDemo(t)
    --参数：时间，，球心位置，鼓出的球的半径
    --return cc.Lens3D:create(t, cc.size(15,10), cc.p(size.width/2,size.height/2), 240)
    return cc.Lens3D:create(t, cc.size(10,60), cc.p(size.width/2,size.height/2), 100)
    
end

--------------------------------------
--  Ripple3DDemo
--------------------------------------
local function Ripple3DDemo(t)
    --参数：时间，精度，中心位置，范围，速度，幅度
    return cc.Ripple3D:create(t, cc.size(32,24), cc.p(size.width/2,size.height/2), 140, 20, 100)
end

--------------------------------------
--  LiquidDemo
--------------------------------------
local function LiquidDemo(t)
    return cc.Liquid:create(t, cc.size(16,12), 4, 20)
end

--------------------------------------
--  WavesDemo
--------------------------------------
local function WavesDemo(t)
    return cc.Waves:create(t, cc.size(16,12), 4, 20, true, true)
end

--------------------------------------
--  TwirlDemo
--------------------------------------
local function TwirlDemo(t)
    return cc.Twirl:create(t, cc.size(12,8), cc.p(size.width/2, size.height/2), 1, 2.5)
end

--------------------------------------
--  ShakyTiles3DDemo
--------------------------------------
local function ShakyTiles3DDemo(t)
    return cc.ShakyTiles3D:create(t, cc.size(16,12), 5, false)
end

--------------------------------------
--  ShatteredTiles3DDemo
--------------------------------------
local function ShatteredTiles3DDemo(t)
    return cc.ShatteredTiles3D:create(t, cc.size(16,12), 5, false)
end

--------------------------------------
--  ShuffleTilesDemo
--------------------------------------
local function ShuffleTilesDemo(t)
    local shuffle = cc.ShuffleTiles:create(t, cc.size(16,12), 25)
    local shuffle_back = shuffle:reverse()
    local delay = cc.DelayTime:create(2)

    return cc.Sequence:create(shuffle, shuffle_back, delay)
end

--------------------------------------
--  FadeOutTRTilesDemo
--------------------------------------
local function FadeOutTRTilesDemo(t)
    local fadeout = cc.FadeOutTRTiles:create(t, cc.size(16,12))
    local back = fadeout:reverse()
    local delay = cc.DelayTime:create(0.5)

    return cc.Sequence:create(fadeout, back, delay)
end

--------------------------------------
--  FadeOutBLTilesDemo
--------------------------------------
local function FadeOutBLTilesDemo(t)
    local fadeout = cc.FadeOutBLTiles:create(t, cc.size(16,12))
    local back = fadeout:reverse()
    local delay = cc.DelayTime:create(0.5)

    return cc.Sequence:create(fadeout, back, delay)
end

--------------------------------------
--  FadeOutUpTilesDemo
--------------------------------------
local function FadeOutUpTilesDemo(t)
    local fadeout = cc.FadeOutUpTiles:create(t, cc.size(16,12))
    local back = fadeout:reverse()
    local delay = cc.DelayTime:create(0.5)

    return cc.Sequence:create(fadeout, back, delay)
end

--------------------------------------
--  FadeOutDownTilesDemo
--------------------------------------
local function FadeOutDownTilesDemo(t)
    local fadeout = cc.FadeOutDownTiles:create(t, cc.size(16,12))
    local back = fadeout:reverse()
    local delay = cc.DelayTime:create(0.5)

    return cc.Sequence:create(fadeout, back, delay)
end

--------------------------------------
--  TurnOffTilesDemo
--------------------------------------
local function TurnOffTilesDemo(t)
    local fadeout = cc.TurnOffTiles:create(t, cc.size(48,32), 25)
    local back = fadeout:reverse()
    local delay = cc.DelayTime:create(0.5)

    return cc.Sequence:create(fadeout, back, delay)
end

--------------------------------------
--  WavesTiles3DDemo
--------------------------------------
local function WavesTiles3DDemo(t)
    return cc.WavesTiles3D:create(t, cc.size(15,10), 4, 120)
end

--------------------------------------
--  JumpTiles3DDemo
--------------------------------------
local function JumpTiles3DDemo(t)
    return cc.JumpTiles3D:create(t, cc.size(15,10), 2, 30)
end

--------------------------------------
--  SplitRowsDemo
--------------------------------------
local function SplitRowsDemo(t)
    --参数：时间，分割线数量
    return cc.SplitRows:create(t, 18)
end

--------------------------------------
--  SplitColsDemo
--------------------------------------
local function SplitColsDemo(t)
    --参数：时间，分割线数量
    return cc.SplitCols:create(t, 10)
end

--------------------------------------
--  PageTurn3DDemo
--------------------------------------
local function PageTurn3DDemo(t)
    cc.Director:getInstance():setDepthTest(true)
    --测试结果显示：cc.size()越大，页面越光滑
    return cc.PageTurn3D:create(t, cc.size(50,50))
end

--------------------------------------
--  Effects Test
--------------------------------------
local function createEffect(idx, t)
    cc.Director:getInstance():setDepthTest(false)
    local action = nil

    if idx == 0 then
        action = Shaky3DDemo(t)
    elseif idx == 1 then
        action = Waves3DDemo(t)
    elseif idx == 2 then
        action = FlipX3DDemo(t)
    elseif idx == 3 then
        action = FlipY3DDemo(t)
    elseif idx == 4 then
        action = Lens3DDemo(t)
    elseif idx == 5 then
        action = Ripple3DDemo(t)
    elseif idx == 6 then
        action = LiquidDemo(t)
    elseif idx == 7 then
        action = WavesDemo(t)
    elseif idx == 8 then
        action = TwirlDemo(t)
    elseif idx == 9 then
        action = ShakyTiles3DDemo(t)
    elseif idx == 10 then
        action = ShatteredTiles3DDemo(t)
    elseif idx == 11 then
        action = ShuffleTilesDemo(t)
    elseif idx == 12 then
        action = FadeOutTRTilesDemo(t)
    elseif idx == 13 then
        action = FadeOutBLTilesDemo(t)
    elseif idx == 14 then
        action = FadeOutUpTilesDemo(t)
    elseif idx == 15 then
        action = FadeOutDownTilesDemo(t)
    elseif idx == 16 then
        action = TurnOffTilesDemo(t)
    elseif idx == 17 then
        action = WavesTiles3DDemo(t)
    elseif idx == 18 then
        action = JumpTiles3DDemo(t)
    elseif idx == 19 then
        action = SplitRowsDemo(t)
    elseif idx == 20 then
        action = SplitColsDemo(t)
    elseif idx == 21 then
        action = PageTurn3DDemo(t)
    end

    return action
end

function CreateEffectsTestLayer()
    testLayer = cc.LayerColor:create(cc.c4b(32,128,32,255))

    --网格节点
    gridNodeTarget = cc.NodeGrid:create()
    --创建效果Action
    local effect = createEffect(ActionIdx, 5)
    --runAction播放效果
    gridNodeTarget:runAction(effect)
    
    testLayer:addChild(gridNodeTarget, 0, kTagBackground)
    
    
    --向网格节点上加几个精灵
    local bg = cc.Sprite:create(s_back3)
    gridNodeTarget:addChild(bg, 0)
    bg:setPosition(VisibleRect:center())

    local grossini = cc.Sprite:create(s_pPathSister2)
    --gridNodeTarget:addChild(grossini, 1)
    grossini:setPosition( cc.p(VisibleRect:left().x+VisibleRect:getVisibleRect().width/3,VisibleRect:center().y) )
    local sc = cc.ScaleBy:create(2, 5)
    local sc_back = sc:reverse()
    grossini:runAction( cc.RepeatForever:create(cc.Sequence:create(sc, sc_back) ) )

    local tamara = cc.Sprite:create(s_pPathSister1)
    --gridNodeTarget:addChild(tamara, 1)
    tamara:setPosition( cc.p(VisibleRect:left().x+2*VisibleRect:getVisibleRect().width/3,VisibleRect:center().y) )
    local sc2 = cc.ScaleBy:create(2, 5)
    local sc2_back = sc2:reverse()
    tamara:runAction( cc.RepeatForever:create(cc.Sequence:create(sc2, sc2_back)) )

    local x, y = size.width, size.height

    titleLabel = cc.Label:createWithTTF(EffectsList[ActionIdx], s_markerFeltFontPath, 32)
    titleLabel:setAnchorPoint(cc.p(0.5, 0.5))
    titleLabel:setPosition(x / 2, y - 80)
    testLayer:addChild(titleLabel)
    titleLabel:setTag(kTagLabel)

    local item1 = cc.MenuItemImage:create(s_pPathB1, s_pPathB2)
    local item2 = cc.MenuItemImage:create(s_pPathR1, s_pPathR2)
    local item3 = cc.MenuItemImage:create(s_pPathF1, s_pPathF2)
    item1:registerScriptTapHandler(backCallback)
    item2:registerScriptTapHandler(restartCallback)
    item3:registerScriptTapHandler(nextCallback)

    local menu = cc.Menu:create()
    menu:addChild(item1)
    menu:addChild(item2)
    menu:addChild(item3)

    menu:setPosition(cc.p(0, 0))
    item1:setPosition(cc.p(size.width/2 - item2:getContentSize().width * 2, item2:getContentSize().height / 2))
    item2:setPosition(cc.p(size.width/2, item2:getContentSize().height / 2))
    item3:setPosition(cc.p(size.width/2 + item2:getContentSize().width * 2, item2:getContentSize().height / 2))

    testLayer:addChild(menu, 1)

    testLayer:registerScriptHandler(onEnterOrExit)

    return testLayer
end

function EffectsTest()
    local scene = cc.Scene:create()

    ActionIdx = -1
    scene:addChild(nextAction())
    scene:addChild(CreateBackMenuItem())

    return scene
end

上面的每一个Demo返回的都是一个Action，然后调用Sprite的runAction()来执行他们。所以你只需要记着下面这些就够了，用的时候自己随便选。

这段时间在研究多Lua底层机制和与java和O-c的交互。下一篇将先贴出cocod2d-x Lua框架接口的详细解读。

也就是这些：

欢迎交流。