love2d教程7--绘图顺序

zorder用来控制绘图的先后顺序,可惜love2d里没有zorder,我们需要自己

控制绘图的先后顺序,即在love.draw()回掉函数中的先后顺序.可是这带来

了不便当有很多绘图动作时,代码太多便弄不清先后了.

我们可以自己增加一个z顺序的函数,每次添加绘图对象时,便把顺序设置好.

这里我把zorder的取值范围设为0.0--1.0,值越下越靠近屏幕,值越大越远

离屏幕,可以把zorder视为绘图对象离屏幕的距离.

下面我们来把下面三张图合成为以幅完整的图:

图片来自http://en.wikipedia.org/wiki/Parallax_scrolling







下面是显示效果:左边的使用zorder,右边的不按顺序.



代码很简单,如下:

main.lua

local zorder={}
--z的取值越小越靠近屏幕,默认值0
function setZ(drawabl, z)
--z的默认值为0
z=z or 0
if z<=1 and z>=0 then
table.insert(zorder,{drawabl,z})
else
print("zorder must between 0 and 1")
end
table.sort(zorder, function(a,b) return a[2]>b[2] end)

end

function love.load()
imgs={}
for i=1,3 do
table.insert(imgs,love.graphics.newImage("assets/img" .. i .. ".png"))
end
end

function love.draw()
--直接绘图,不注意顺序
love.graphics.draw(imgs[2],400,200)
love.graphics.draw(imgs[1],400,200)
love.graphics.draw(imgs[3],400,200)

setZ(imgs[2],0.2)
setZ(imgs[1],0.3)
setZ(imgs[3],0.1)
for _,v in ipairs(zorder) do
love.graphics.draw(v[1],200,200)
end
end

代码https://gitcafe.com/dwdcth/love2d-tutor