love2d教程6--摄相机2边界和图层

接着上一篇的教程,我们现在可以四处移动了,但是地图是有限的,玩家在移动过程中

会走出地图外,我们可以加边界限定.

现在要实现当玩家超出限定时地图不动的效果.

这次的代码更改如下:

camera.lua里增加边界设置

--左上角,右下角的坐标
function camera:setBounds(x1, y1, x2, y2)
self._bounds = { x1 = x1, y1 = y1, x2 = x2, y2 = y2 }
end

更改设置偏移的函数,setY()和setX类似,完整的代码请看附件.

--设置摄相机的x偏移,如果value在左右边界之间,那么设置
--摄相机的x偏移为value;若value小于左边界设置x偏移为左边界;
--若value大于右边界,设置x偏移为右边界
function camera:setX(value)
if self._bounds then
self._x = math.clamp(value, self._bounds.x1, self._bounds.x2)
else
self._x = value
end
end
--把x,y固定到 min , max之间 画个坐标轴就明白了
function math.clamp(x, min, max)
return x < min and min or (x > max and max or x)
end

--[[ 上面的代码等价与下面的
function math.clamp(x, min, max)
if x < min then
return min
elseif x > max then
return max
else
return x
end
end
]]

main.lua里在 love.load()里添加

camera:setBounds(tilemap._X-player.X,tilemap._Y-player.Y,880-player.X,780-player.Y)

这里的边界实际相当于(地图左时角x坐标,地图左时角y坐标,地图右下角x坐标,地图右下角y坐标)
因为后面整体向左,和向上偏移了,所以减了偏移.

效果如图,玩家移动到地图外后,地图将不再移动.



下面接着说图层,一个游戏上的所有元素,肯定不是一幅图片,都是由很多不同的

图片合成的,这些图片显示时肯定有先后关系,要不然前面的会把后面的遮住.

而且不图的图片也会有不同的绘制函数.我们可以把在图片分层,把具有相同显示

顺序的图片放在一个图层里,在对这个图层操作,那样就易管理.

现在我们把camera里新增一个layers成员.

--layers里面存放绘图函数和缩放系数
camera.layers = {}

创建图层的函数newLayer()

--创建图层, scale是此层的缩放系数,func是用来绘图的函数
function camera:newLayer(scale, func)
table.insert(self.layers, { draw = func, scale = scale })
table.sort(self.layers, function(a, b) return a.scale < b.scale end)
end

绘图函数draw

function camera:draw()
local bx, by = self._x, self._y

--即偏移=原偏移*缩放,因为要形成近大远小的效果
for _, v in ipairs(self.layers) do
self._x = bx * v.scale
self._y = by * v.scale

--设置摄相机
camera:set()
v.draw() --调用layer 里的draw函数
camera:unset()
end
end

测试效果如图:



具体的代码请下载,有注释

http://pan.baidu.com/share/link?shareid=139826&uk=1913510140