【Cocos2dx 3.x Lua】CCParallaxNode使用

咱們知道，當咱們移動時，咱們會看到離咱們越近的物體，會移動的越快，越遠的物體，好比遠處的山會移動的很慢，而最遠處的物體，好比太陽幾乎不動，這個現象叫視差，而在遊戲中模仿視差，可讓玩家感受到遊戲中的角色的確是在移動。CCParallaxNode能夠很容易的創建一個視差層，你能夠控制每一層的視差率、位置和層級的高低。

 

 

Link: http://codepad.org/Wj0lMgvJ    [ raw code | fork ]

local mapRes={
    near=string.format("%s.%s",Resource_1.map.near.loc,Resource_1.map.near.rtype),
    middle=string.format("%s.%s",Resource_1.map.middle.loc,Resource_1.map.near.rtype),
    far=string.format("%s.%s",Resource_1.map.far.loc,Resource_1.map.near.rtype)
}

local MapParallaxNode=class("MapParallaxNode",function()
    return  cc.ParallaxNode:create()
end)

MapParallaxNode.ctor=function(self)
    local s=cc.Director:getInstance():getVisibleSize()
    self._nearBg=nil
    self._middleBg=nil
    self._farBg=nil
    self._layerNode=nil
    
    self:initFarBg()
    self:initMiddleBg()
    self:initNearBg()
    
    self:setPosition(0,0)
    self:setAnchorPoint(cc.p(0,0))
    self:addChild(self._farBg, -1, cc.p(0.03,0), cc.p(0,s.height+20))
    self:addChild(self._middleBg, 1, cc.p(0.18,0), cc.p(5,s.height*2/3+90) )
    self:addChild(self._nearBg, 2, cc.p(0.65,0), cc.p(0,s.height*2/3+40))
end


--初始化地圖近景
MapParallaxNode.initNearBg=function(self)
    local cache=cc.Director:getInstance():getTextureCache()
    local texture=cache:getTextureForKey(mapRes.near)
    local sprite=cc.Sprite:createWithTexture(texture)
    sprite:setPositionX(0)
    sprite:setScale(0.43)
    sprite:setAnchorPoint(cc.p(0,1))
    self._nearBg=sprite
end

--初始化地圖中景
MapParallaxNode.initMiddleBg=function(self)
    local cache=cc.Director:getInstance():getTextureCache()
    local texture=cache:getTextureForKey(mapRes.middle)
    local sprite=cc.Sprite:createWithTexture(texture)
    sprite:setScale(0.7)
    sprite:setAnchorPoint(cc.p(0,1))
    self._middleBg=sprite
end

--初始化地圖遠景
MapParallaxNode.initFarBg=function(self)
    local cache=cc.Director:getInstance():getTextureCache()
    local texture=cache:getTextureForKey(mapRes.far)
    local sprite=cc.Sprite:createWithTexture(texture)
    sprite:setScale(0.4)
    sprite:setAnchorPoint(cc.p(0,1))
    self._farBg=sprite
end

MapParallaxNode.create=function(self)
    return MapParallaxNode.new()
end

return MapParallaxNode

 

 

CCParallaxNode添加視差精靈的函數：

    

 self:addChild(self._farBg, -1, cc.p(0.03,0), cc.p(0,s.height+20)) self:addChild(self._middleBg, 1, cc.p(0.18,0), cc.p(5,s.height*2/3+90) ) self:addChild(self._nearBg, 2, cc.p(0.65,0), cc.p(0,s.height*2/3+40)) 

parallaxRatio是設置不一樣層的x，y移動速度