quick-2dx学习Samples之BenchMark

BenchMark主要是演示在绘制很多的精灵的事后，怎么样保持FPS不掉。

用到了BatchNode这个概念，将需要绘制的很多精灵统一添加到BatchNode上去，然后一次性绘制。

关于加载plist、png文件的方式，主要是通过：

function game.startup()
    CCFileUtils:sharedFileUtils():addSearchPath("res/")
    display.addSpriteFramesWithFile(GAME_TEXTURE_DATA_FILENAME, GAME_TEXTURE_IMAGE_FILENAME)

    game.benchmark()
end

通过第三行的代码，图片资源就已经载入到内存了。调用的时候是“#+文件名.png”即可引取内存中的图片资源。

既然要创建一个动画效果，也就是很多张frames连续播放的效果。

一、如何创建我们的Frames呢，如下：

display.newFrames("CoinSpin%02d.png", 1, 8)

二、根据Frames，如何创建我们的animation，如下：

local animation = display.newAnimation(frames, 0.4 / 8)

具体代码如下，涉及到图片资源的加载。

特别需要注意的是，给一个精灵定义了onEnterFrame方法。其实这个方法名字是可以任意的，然后我们引用这个精灵的方法时

就可以对特定的精灵处理特定的动作了。

具体代码如下：

local BenchmarkScene = class("BenchmarkScene", function()
    return display.newScene("BenchmarkScene")
end)

local random = math.random

function BenchmarkScene:ctor()
    --使用BatchNode提高绘制的帧率
    self.batch = display.newBatchNode(GAME_TEXTURE_IMAGE_FILENAME, 10000)
    --场景中添加batchNode
    self:addChild(self.batch)

    --创建场景默认层
    self.layer = display.newLayer()
    --默认层添加到场景中
    self:addChild(self.layer)

    local button = display.newSprite("#AddCoinButton.png", display.right - 100, display.bottom + 270)
    self:addChild(button)
    --获取addCoin精灵的BoundingBox
    self.addCoinButtonBoundingBox = button:getBoundingBox()

    local button = display.newSprite("#RemoveCoinButton.png", display.right - 100, display.bottom + 100)
    self:addChild(button)
    --获取removeCoin精灵的BoundingBox
    self.removeCoinButtonBoundingBox = button:getBoundingBox()

    local button = ui.newImageMenuItem({
        image = "#ExitButton.png",
        listener = function()
            game.exit()
        end,
        x = display.right - 100,
        y = display.top - 100,
    })
    --通过Menu添加到场景中
    local menu = ui.newMenu({button})
    self:addChild(menu)

    --BMFontLabel的使用
    self.label = ui.newBMFontLabel({
        text = "00000",
        font = "UIFont.fnt", --设置BMFontLabel的font属性
        x = display.cx,
        y = display.top - 40,
    })
    self:addChild(self.label)

    self.coins = {} --创建coins的table表
    self.state = "IDLE"

    --创建Frame从Coinspin01.png开始，到Coinspin08.png结束，共创建了8个Frame
    local frames = display.newFrames("CoinSpin%02d.png", 1, 8)
    --创建animation，0.4秒播放8帧
    local animation = display.newAnimation(frames, 0.4 / 8)
    --设置AnimationCache缓存
    display.setAnimationCache("Coin", animation)

    --场景的四个属性，左右上下的边界
    self.left   = display.left   + display.width / 4
    self.right  = display.right  - display.width / 4
    self.top    = display.top    - display.height / 3
    self.bottom = display.bottom + display.height / 3
end

function BenchmarkScene:onTouch(event, x, y)
    if event == "began" then
        local p = CCPoint(x, y) --获取触摸点的位置
        --在onTouch里面判断是否点击了addCoin精灵
        if self.addCoinButtonBoundingBox:containsPoint(p) then
            self.state = "ADD"
        --判断是否点击了removeCoin精灵
        elseif self.removeCoinButtonBoundingBox:containsPoint(p) then 
            self.state = "REMOVE"
        else --如果都没有点击，则处于空闲状态
            self.state = "IDLE"
        end
        return true
    elseif event ~= "moved" then
        self.state = "IDLE"
    end
end

function BenchmarkScene:addCoin()
    --[[通过display.addSpriteFramesWithFile(GAME_TEXTURE_DATA_FILENAME, GAME_TEXTURE_IMAGE_FILENAME)
    来加载的plist，png，通过"#+图片名"来索引内存中的图片资源]]--
    local coin = display.newSprite("#CoinSpin01.png")
    --永久播放animation
    coin:playAnimationForever(display.getAnimationCache("Coin"))
    --随机设置coin的位置
    coin:setPosition(random(self.left, self.right), random(self.bottom, self.top))
    --将coin添加到batchNode上面去一次性绘制，提高绘制帧率
    self.batch:addChild(coin)

    --这个函数每帧调用，随机改变coin的位置
    function coin:onEnterFrame(dt)
        local x, y = self:getPosition()
        x = x + random(-2, 2)
        y = y + random(-2, 2)
        self:setPosition(x, y)
    end

    --将这个新增的coin添加到coins的table表中
    self.coins[#self.coins + 1] = coin --#self.coins用来获取table表的大小size
    self.coinsCount = #self.coins  --当前coin的总数目
    self.label:setString(string.format("%05d", self.coinsCount))
end

function BenchmarkScene:removeCoin()
    local coin = self.coins[self.coinsCount]
    coin:removeSelf()
    table.remove(self.coins, self.coinsCount)
    self.coinsCount = self.coinsCount - 1
    --设置label的值
    self.label:setString(string.format("%05d", self.coinsCount))
end

function BenchmarkScene:onEnterFrame(dt)
    if self.state == "ADD" then --当前状态是Add就添加coin
        self:addCoin()
    --当前coin数大于0，就移除coin
    elseif self.state == "REMOVE" and self.coinsCount > 0 then 
        self:removeCoin()
    end

    local coins = self.coins
    for i = 1, #coins do
        local coin = coins[i]
        coin:onEnterFrame(dt) --在每帧中对每个coin执行位置偏移函数
    end
end

function BenchmarkScene:onEnter()
    --场景每帧执行onEnterFrame（）函数
    self:scheduleUpdate(function(dt) self:onEnterFrame(dt) end)
    --给默认层添加触摸监听函数
    self.layer:addTouchEventListener(function(event, x, y)
        return self:onTouch(event, x, y)
    end)
    --启动触摸监听
    self.layer:setTouchEnabled(true)
end

return BenchmarkScene

效果图：