三月 « 2015 « 爱好玩

懒加载

我最先接触懒加载(延时加载)是在Hibernate里,因为一次和数据库交互过多,导致应用程序卡顿,所以就延迟加载这些数据,等需要的时候再取.可以认为懒加载就是非即时的加载数据.

问题的产生

在游戏开发中,也会碰到一次处理太多数据造成游戏卡顿降帧,比较典型的比如”背包”模块,背包可以认为是一个ListView,由一个lua table里的一些元素作为数据源来构建,当用一个for循环去构造界面时,背包格子过多会导致游戏线程卡住,游戏降帧在所难免.如何做到不降帧?我们可以把一个复杂的逻辑分在多个帧里去做.

来看看代码

local LazyLoader = class("LazyLoader")

LazyLoader.ON_FUNC = "ON_FUNC"
LazyLoader.ON_CALLBACK = "ON_CALLBACK"

function LazyLoader:ctor(params)
    cc(self):addComponent("components.behavior.EventProtocol"):exportMethods()
    if params then
        self:setItemList(params.itemList)
        if params.func then
            self:onFunc(params.func)
        end
        if params.callback then
            self:onCallback(params.callback)
        end
    end
end

function LazyLoader:setItemList(itemList)
    self._itemList = itemList
    self._count = #self._itemList
end

function LazyLoader:onFunc(func)
    return self:addEventListener(LazyLoader.ON_FUNC, func)
end

function LazyLoader:onCallback(callback)
    return self:addEventListener(LazyLoader.ON_CALLBACK, callback)
end

function LazyLoader:start()
    if self.updateSchedulerEntry == nil then
        self.updateSchedulerEntry = cc.Director:getInstance():getScheduler():scheduleScriptFunc(handler(self,self.update),0,false)
        self._curIdx = 1
    end
end

function LazyLoader:update(dt)
    if self._curIdx >= self._count then
        if self.updateSchedulerEntry ~= nil then
            cc.Director:getInstance():getScheduler():unscheduleScriptEntry(self.updateSchedulerEntry)
        end
        self:dispatchEvent({name = LazyLoader.ON_CALLBACK})
        return
    end

    self:dispatchEvent({name = LazyLoader.ON_FUNC, item = self._itemList[self._curIdx], idx = self._curIdx})
    self._curIdx = self._curIdx + 1

end

return LazyLoader

local LazyLoader = class("LazyLoader")

LazyLoader.ON_FUNC = "ON_FUNC"

LazyLoader.ON_CALLBACK = "ON_CALLBACK"

function LazyLoader:ctor(params)

cc(self):addComponent("components.behavior.EventProtocol"):exportMethods()

if params then

self:setItemList(params.itemList)

if params.func then

self:onFunc(params.func)

end

if params.callback then

self:onCallback(params.callback)

end

function LazyLoader:setItemList(itemList)

self._itemList = itemList

self._count = #self._itemList

end

function LazyLoader:onFunc(func)

return self:addEventListener(LazyLoader.ON_FUNC, func)

end

function LazyLoader:onCallback(callback)

return self:addEventListener(LazyLoader.ON_CALLBACK, callback)

end

function LazyLoader:start()

if self.updateSchedulerEntry == nil then

self.updateSchedulerEntry = cc.Director:getInstance():getScheduler():scheduleScriptFunc(handler(self,self.update),0,false)

self._curIdx = 1

end

function LazyLoader:update(dt)

if self._curIdx >= self._count then

if self.updateSchedulerEntry ~= nil then

cc.Director:getInstance():getScheduler():unscheduleScriptEntry(self.updateSchedulerEntry)

end

self:dispatchEvent({name = LazyLoader.ON_CALLBACK})

return

end

self:dispatchEvent({name = LazyLoader.ON_FUNC, item = self._itemList[self._curIdx], idx = self._curIdx})

self._curIdx = self._curIdx + 1

end

return LazyLoader

用法

local lazy = LazyLoader.new()
local lazyLabel = cc.ui.UILabel.new({
    text = "aaaa",
    color = cc.c3b(255, 255, 255),
})
lazyLabel:align(display.LEFT_TOP,50,display.height - 270)
self:addChild(lazyLabel)
local itemList = {}
for i=1,10000 do
    itemList[i] = "No."..i
end
lazy:setItemList(itemList)
lazy:onFunc(function(event)
    lazyLabel:setString(event.item)
end)
lazy:onCallback(function(event)
    lazyLabel:setString("Finish!!!")
end)
lazy:start()

local lazy = LazyLoader.new()

local lazyLabel = cc.ui.UILabel.new({

text = "aaaa",

color = cc.c3b(255, 255, 255),

})

lazyLabel:align(display.LEFT_TOP,50,display.height - 270)

self:addChild(lazyLabel)

local itemList = {}

for i=1,10000 do

itemList[i] = "No."..i

end

lazy:setItemList(itemList)

lazy:onFunc(function(event)

lazyLabel:setString(event.item)

end)

lazy:onCallback(function(event)

lazyLabel:setString("Finish!!!")

end)

lazy:start()

Github

戳这里

3D时代

当Unity3D开始支持2D的时候Cocos2d-x也开始慢慢支持3D

Cocos2d-x的3D

使用下来一是不习惯,二是问题比较多,比较明显的,就是模型在运动时白边比较严重

开启抗锯齿

找到项目的AppController.mm文件
在didFinishLaunchingWithOptions方法中将

    CCEAGLView *eaglView = [CCEAGLView viewWithFrame: [window bounds]
                                     pixelFormat: (NSString*)cocos2d::GLViewImpl::_pixelFormat
                                     depthFormat: cocos2d::GLViewImpl::_depthFormat
                              preserveBackbuffer: NO
                                      sharegroup: nil
                                   multiSampling: NO
                                 numberOfSamples: 0 ];

CCEAGLView *eaglView = [CCEAGLView viewWithFrame: [window bounds]

pixelFormat: (NSString*)cocos2d::GLViewImpl::_pixelFormat

depthFormat: cocos2d::GLViewImpl::_depthFormat

preserveBackbuffer: NO

sharegroup: nil

multiSampling: NO

numberOfSamples: 0 ];

替换成

    CCEAGLView *eaglView = [CCEAGLView viewWithFrame: [window bounds]
                                     pixelFormat: (NSString*)cocos2d::GLViewImpl::_pixelFormat
                                     depthFormat: cocos2d::GLViewImpl::_depthFormat
                              preserveBackbuffer: NO
                                      sharegroup: nil
                                   multiSampling: YES
                                 numberOfSamples: 4 ];

CCEAGLView *eaglView = [CCEAGLView viewWithFrame: [window bounds]

pixelFormat: (NSString*)cocos2d::GLViewImpl::_pixelFormat

depthFormat: cocos2d::GLViewImpl::_depthFormat

preserveBackbuffer: NO

sharegroup: nil

multiSampling: YES

numberOfSamples: 4 ];

模型白边的问题就好很多了

直接上代码了

function clearHtml(htmlText)
    local s,c = string.gsub(htmlText,"<[%a%A]->","")
    return s
end

function clearHtml(htmlText)

local s,c = string.gsub(htmlText,"<[%a%A]->","")

return s

end

ScrollView滚动视图

在游戏开发过程中,由于手机屏幕空间有限,加上手指的灵动性,滑动成了最好的替换翻页的操作方式
ScrollView就是在这种需求驱动下的产物

cc.ScrollView和cc.ui.UIScrollView

前者是cocos2dx3.3原生的c++类,继承于cc.Layer
后者是QuickUI组件中的lua类,继承于cc.ClippingRectangleNode

quick中的cc.ui.UIScrollView用法

local visibleSize = cc.Director:getInstance():getVisibleSize()
local viewRect = cc.rect(0,0,visibleSize.width,visibleSize.height)
local scrollView = cc.ui.UIScrollView.new({
    viewRect = viewRect
})
local scrollNode = display.newLayer()
scrollView:addScrollNode(scrollNode)
-- 注册滚动事件 通过event.name区分
scrollView:onScroll(function(event)
    -- TODO: sth
end)

local visibleSize = cc.Director:getInstance():getVisibleSize()

local viewRect = cc.rect(0,0,visibleSize.width,visibleSize.height)

local scrollView = cc.ui.UIScrollView.new({

viewRect = viewRect

})

local scrollNode = display.newLayer()

scrollView:addScrollNode(scrollNode)

-- 注册滚动事件通过event.name区分

scrollView:onScroll(function(event)

-- TODO: sth

end)

在实际运用过程中,我发现quick的滚动组件存在性能问题(windows上),一旦组件多了之后滚动不流畅,卡顿严重

原生cc.ScrollView用法

local visibleSize = cc.Director:getInstance():getVisibleSize()
local scrollView = cc.ScrollView:create(visibleSize)
local scrollNode = cc.Layer:create() -- 等同于display.newLayer()
scrollView:setContainer(scrollNode)
-- 为scrollView添加滚动事件
scrollView:setDelegate()
scrollView:registerScriptHandler(function()
    -- TODO: sth
end,0) -- 0为滚动事件 1为缩放事件

local visibleSize = cc.Director:getInstance():getVisibleSize()

local scrollView = cc.ScrollView:create(visibleSize)

local scrollNode = cc.Layer:create() -- 等同于display.newLayer()

scrollView:setContainer(scrollNode)

-- 为scrollView添加滚动事件

scrollView:setDelegate()

scrollView:registerScriptHandler(function()

-- TODO: sth

end,0) -- 0为滚动事件 1为缩放事件

一	二	三	四	五	六	日
« 1月				4月 »
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31

爱好玩

Stay Hungry, Stay Foolish.

Monthly Archives: 三月 2015

[quick]LazyLoader懒加载工具

懒加载

问题的产生

来看看代码

用法

Github

[cocos2dx]开启3D模型的抗锯齿功能

3D时代

Cocos2d-x的3D

开启抗锯齿

[Lua]去掉文本中的Html标签

直接上代码了

[Lua]cocos2dx/quick3.3中ScrollView的使用

ScrollView滚动视图

cc.ScrollView和cc.ui.UIScrollView

quick中的cc.ui.UIScrollView用法

原生cc.ScrollView用法