LÖVE2D（Lua）中层级显示与移动问题排查求助

问题一：视差滚动失效修复 #

你的代码核心问题有两个：

1. STI图层绘制逻辑误解：STI的layer:draw(x, y)并非直接偏移图层位置，而是设置相机偏移量，直接传offset会导致绘制逻辑混乱。
2. 图层名称匹配误差：需确保layerSpeeds中的键名与Tiled导出的图层名称完全一致（大小写、空格都要对应）。

修改后的可用代码：

-- 背景移动相关变量
local layerOffsets = {}
local layerSpeeds = {
    sky = 100,
    ground = 150,
    clouds = 50,
}

-- 固定渲染顺序，解决层级随机问题
local renderOrder = {"sky", "clouds", "ground"}

function love.load()
    sti = require 'libraries/sti'
    map = sti('maps/robot_run_ext.lua')

    -- 初始化各图层偏移量
    for _, layerName in ipairs(renderOrder) do
        layerOffsets[layerName] = 0
    end
end

function love.update(dt)
    local mapWidth = map.width * map.tilewidth

    for _, layerName in ipairs(renderOrder) do
        local speed = layerSpeeds[layerName]
        layerOffsets[layerName] = layerOffsets[layerName] - speed * dt
        
        -- 滚动到边界后重置，实现无缝循环
        if layerOffsets[layerName] <= -mapWidth then
            layerOffsets[layerName] = 0
        end
    end
end

function love.draw()
    love.graphics.clear()
    local mapWidth = map.width * map.tilewidth

    for _, layerName in ipairs(renderOrder) do
        local layer = map.layers[layerName]
        if layer then
            -- 保存当前绘图状态
            love.graphics.push()
            -- 通过坐标系平移实现图层偏移
            love.graphics.translate(layerOffsets[layerName], 0)
            layer:draw()
            -- 绘制右侧拼接的图层，保证滚动无空白
            love.graphics.translate(mapWidth, 0)
            layer:draw()
            -- 恢复绘图状态，不影响其他图层
            love.graphics.pop()
        end
    end
end

关键修改点：

• 用love.graphics.translate()实现坐标偏移，这是LÖVE2D中正确的图层位移方式，STI会基于当前坐标系完成绘制。
• 每次绘制前后保存/恢复绘图状态，避免图层间的坐标变换互相干扰。

问题二：层级渲染随机异常修复 #

Lua的pairs()遍历table的顺序是随机的，导致每次启动游戏时图层绘制顺序不确定，上层元素可能被下层覆盖。解决方法：

• 定义固定的renderOrder数组，按你需要的层级顺序（从后到前，比如天空→云朵→地面）排列图层名称。
• 使用ipairs()遍历该数组，确保每次绘制顺序完全一致。

额外检查项 #

1. 确认Tiled导出的图层名称与代码中的layerSpeeds、renderOrder完全匹配（比如Tiled里叫"Sky"，代码里不能写"sky"）。
2. 检查Tiled中各图层的visible属性是否开启，避免图层默认隐藏。
3. 确保地图宽度足够覆盖游戏窗口，否则滚动效果不明显。

内容的提问来源于stack exchange，提问作者Embart