【游戏客户端】大话slg玩法架构（二）背景地图

大家好，我是Lampard家杰~~ 今天我们继续给大家分享SLG玩法的实现架构，关于SLG玩法的介绍可以参考这篇上一篇文章：【游戏客户端】制作率土之滨Like玩法****

PS：和之前一样，本文也只是分享实现思路，并不会贴具体的代码和资源哟

（一）架构总览

SLG玩法的实现思路可以划分为四个部分，分别是 滚动容器基类的搭建，背景大地图的实现，建筑的生成与刷新，以及玩法优化预加载相关

上一篇文章我们分享了滚动基类的实现：【游戏客户端】大话slg玩法架构（一）滚动基类，现在我们接着分享背景地图的实现逻辑

（二）背景地图的实现

（1）大地图资源的输出方式

**通过上一篇文章我们知道，我们需要一张大图来铺满滚动容器的InnerContainer来实现背景地图的效果。**那这个时候怎么输出这个资源成了一个需要考量的地方

**直接输出一个10000 * 10000的png吗？那加载的时候不得卡鼠。****所以必须要采取分块的方式，**比如你可以把一块地图的大小设置成1000 * 1000，那么我们就把一张大地图分成了100张小地图

第二个问题就是，那这个原始的10000*10000分块前的资源要怎么输出，如果单靠美术同学去画一张完整的图工作量是很大的，这个时候我们就可以采取代码重复拼接的方式，比如美术只输出2000 * 2000 （4块资源）组成的地图，我们在代码里每隔2000像素就重复利用一次资源

Lua 复制代码

function getBgRes(Idx, Idy)
    local ResTbl = {
        [1] = {[1] = 资源1, [2] = 资源2},
        [2] = {[1] = 资源3, [2] = 资源4},       
    }

    local ResX = Idx % 2 + 1
    local ResY = Idy % 2 + 1
    return ResTbl[ResX][ResY]
end

只要处理好资源拼接时候的缝隙，那么我们****一方面可以降低大地图的实现成本，另一方面可以减少资源的读取，降低资源缓存

（2）地图块的控件复用

有了地图的生成方式，后面只需要像摆积木一样一块块摆在滚动容器上就可以了。那么不知道面对这100个地图块，大家会选择怎么创建呢？

如果直接一个for循环，那么一进游戏就卡成ppt了。有经验的同学可能会采取异步加载的方式分帧去创建，这样确实可以，但是100个地图块生成完之后，光这些地图就已经占据了几百M内存（苹果2G内存瑟瑟发抖）

**而且，哪怕是采取了异步创建的方法，在创建的流程中也是感受到明显卡顿的。其实玩家能看到的无非就是屏幕上那几块地图，哪怕玩家快速的上下左右滑动，我们也只需要多生成一屏的地图就可以了，这样不过十来块的数量。**因此我们不需要把100个地图全生成，只需要生成十来个实际用到的，然后监听玩家的滑动，更新当前所视范围地图的纹理并重设它们的位置就可以了

Lua 复制代码

-- 释放
for x = 1, 10 do
    for y = 1, 10 do
        local IsInView = 判断一下这一块地图需不需要显示
        if not IsInView and self.Map[x][y] then
            local Map = self.Map[x][y]
            Map:setFree()
            self.Map[x][y] = nil
        end
    end
end

-- 生成
for x = 1, 10 do
    for y = 1, 10 do
        local IsInView = 判断一下这一块地图需不需要显示
        if IsInView then
            if self.Map[x][y] then
                -- 存在这个地块就设置可视就行
                local Map = self.Map[x][y]
                Map:setVisible(true)
            else
                -- 不存在则找一个空闲的地块控件重设信息
                local Map = getFreeMap()
                self.Map[x][y] = Map 
                Map:resetInfo(x, y)
            end
        end
    end
end

（3）更新地图块的时机

那什么时候执行这段地图更新代码呢？一开始我是直接每一帧都做一个判断，后来发现这样很多余而且比较耗CPU，其实我们需要监听玩家的滑动操作，滑动距离超过一个地图块的长/高的时候再执行就可以了

Lua 复制代码

	self.SV.OnScrolling  = function()
		local CurPos = 获取当前位置
		if not self.SV.LastPosX or not  self.SV.LastPosY then
			self.SV.LastPosX = CurPos.Idx
			self.SV.LastPosY = CurPos.Idy
		end

		if 超过滑动距离 then
			self.SV.LastPosX = CurPos.Idx
			self.SV.LastPosY = CurPos.Idy
            执行更新地图的方法
		end
	end

好啦~~地图块的生成介绍大概就到这里，下一篇文章会介绍这个建筑控件的实现

感谢阅读，记得点赞和关注！！！