cocos2d中各種action方法的應用

Action示例：

1、移動動作

cc.MoveBy:create(time, posX, posY)  在time時間內，相對當前位置基礎上移動x，y個單位。  

cc.MoveTo:create(time, posX, posY)  在time時間內，移動到cc.p(posX, posY)位置。

 

2、縮放動作

cc.ScaleBy:create(time, scaleX, scaleY) 在time時間內，相對當前大小縮放scale(scaleX, scaleY)個單位

cc.ScaleTo:create(time, scaleX, scaleY) 在time時間內，縮放到scale(scaleX, scaleY)大小

 

3 斜歪動作 (skew 和 rotate 的區別是一個是壓縮傾斜旋轉（形狀會變）， 一個是正常旋轉（形狀不變）)
cc.SkewTo:create(time, angleX, angleY)  在time時間內，壓縮傾斜至angleX, angleY角度 （形狀會變）

cc.SkewBy:create(time, angleX, angleY)  在time時間內，相對當前角度壓縮傾斜angleX, angleY角度（形狀會變）

 

4、旋轉動作

cc.RatoteTo:create(time, angleX, angleY)  在time時間內，旋轉至angleX, angleY角度（形狀不變）

cc.RatoteBy:create(time, angleX, angleY)  在time時間內，相對當前角度旋轉angleX, angleY角度（形狀不變）

 

5、變色動作
cc.TintTo:create(time, colorR， colorG， colorB)  --第一個參數代表時間， 2-4參數代表顏色RGB

 

6、 閃爍運動
cc.Blink:create(time,num)  -- 創建兩個閃爍動作，第一個參數為持續時間，第二個參數為閃爍次數

 

7、球面旋轉 OrbitCamera類 （action視角按照球面坐標軌跡 圍繞屏幕中心進行旋轉）

cc.OrbitCamera:create(2, 1, 0, 0, 180, 0, 0)   -- 創建一個帶有起始半徑、半徑差、起始z角、旋轉z角的差、起始x角、旋轉x角的差 這些參數的運動視角動作類 

 

總結：xxxTo移動到絕對位置， xxxBy移動一個相對位置， 並且所有的xxxBy動作都有對應的reverse方法。

 

代碼示例：

local ActionTest = class("ActionTest", BaseView)

function ActionTest:ctor()
    self.root = cc.Layer:create()
    self:addToUiGroup(self.root)
    UITools.alignCenter(self.root)
end

--------------------------------------
-- ActionSkewRotate
-- 歪斜+旋轉+縮放+變色+閃爍
-- skew 和 rotate 的區別是一個是傾斜旋轉， 一個是正常旋轉
--------------------------------------
function ActionTest:ActionSkewRotate()

    -- 盒子大小
    local boxSize = cc.size(200.0, 200.0)
    -- 層顏色，第1、2、3分別為紅綠籃顏色值，第4個為透明度值
    local box = cc.LayerColor:create(cc.c4b(255, 255, 0, 255))
    -- 設置錨點
    box:setAnchorPoint(cc.p(0, 0))
    -- 設置位置
    box:setPosition(0, 0)
    -- 設置內容大小
    box:setContentSize(boxSize)

    --標記大小
    local markrside = 30.0
    local uL = cc.LayerColor:create(cc.c4b(255, 0, 0, 255))
    box:addChild(uL)
    uL:setContentSize(cc.size(markrside, markrside))
    uL:setPosition(0, boxSize.height - markrside)
    uL:setAnchorPoint(cc.p(0, 0))

    local uR = cc.LayerColor:create(cc.c4b(0, 0, 255, 255))
    box:addChild(uR)
    uR:setContentSize(cc.size(markrside, markrside))
    uR:setPosition(boxSize.width - markrside, boxSize.height - markrside)
    uR:setAnchorPoint(cc.p(0, 0))
    self.root:addChild(box)

    -- 斜歪動作 
    local skewTo = cc.SkewTo:create(2, 0, 10)

    --旋轉動作
    local rotateTo = cc.RotateTo:create(2, 61, 0)

    --縮放動作
    local actionScaleTo = cc.ScaleTo:create(2, -0.44, 0.47)

    --變色動作
    local tinkTo =  cc.TintTo:create(2, -127, -255, -127)

    -- 閃爍運動  
    local blink = cc.Blink:create(2,5) 

    -- OrbitCamera類 :action 視角按照球面坐標軌跡 圍繞屏幕中心進行旋轉
    -- 創建一個帶有起始半徑、半徑差、起始z角、旋轉z角的差、起始x角、旋轉x角的差 這些參數的運動視角動作類  
    -- local orbitTo = cc.OrbitCamera:create(2, 1, 0, 0, 180, 0, 0)  

    local actionScaleToBack = cc.ScaleTo:create(2, 1.0, 1.0)
    local rotateToBack = cc.RotateTo:create(2, 0)
    local skewToBack = cc.SkewTo:create(2, 0, 0)
    local tinkBack =  cc.TintTo:create(2, 255, 255, 0) 

    local spawnTo = cc.Spawn:create(skewTo, rotateTo, actionScaleTo, tinkTo, blink)
    local spawnBack = cc.Spawn:create(actionScaleToBack, rotateToBack, skewToBack, tinkBack)
    local sequence = cc.Sequence:create(spawnTo, spawnBack)
    box:runAction(cc.RepeatForever:create(sequence))
    
end

return ActionTest