Lua Love2D图片拖拽问题：实现鼠标任意位置抓取而非中心瞬移

问题分析 #

你当前的代码存在两个核心问题：

1. 最初的实现会让图片中心直接瞬移到鼠标位置——因为每次拖拽都把v.x/v.y设为鼠标位置 - 图片半宽/半高，完全忽略了鼠标在图片上的实际抓取点。
2. 修改后的v.x = mX - v.x会引发闪烁——每次update都会反向计算图片位置，导致位置在两个值之间来回跳动，视觉上就出现了闪烁。

核心解决思路 #

要实现自然的拖拽效果，必须在鼠标按下的瞬间，记录鼠标相对于图片左上角的偏移量。之后整个拖拽过程中，图片的位置始终等于当前鼠标位置减去这个固定的偏移量，这样图片就会精准跟着鼠标的抓取点移动，既不会瞬移也不会闪烁。

修正后的完整代码 #

-- 初始化图片对象时，给每个图片添加拖拽状态和偏移量字段（根据你的实际场景调整）
imgs = {
    {
        src = love.graphics.newImage("your_image.png"),
        x = 100,
        y = 100,
        width = 200,
        height = 150,
        isDragging = false,
        dragOffsetX = 0,
        dragOffsetY = 0
    }
}

function love.update()
    local mX, mY = love.mouse.getPosition()

    for _, v in pairs(imgs) do
        -- 检测鼠标是否悬停在图片范围内
        local collX = mX > v.x and mX < v.x + v.width
        local collY = mY > v.y and mY < v.y + v.height
        local hover = collX and collY

        if love.mouse.isDown(1) then
            -- 刚按下鼠标且悬停在图片上：记录鼠标与图片左上角的偏移量
            if hover and not v.isDragging then
                v.dragOffsetX = mX - v.x
                v.dragOffsetY = mY - v.y
                v.isDragging = true
            -- 处于拖拽状态：用鼠标位置减去偏移量更新图片位置
            elseif v.isDragging then
                v.x = mX - v.dragOffsetX
                v.y = mY - v.dragOffsetY
            end
        else
            -- 松开鼠标：重置拖拽状态
            v.isDragging = false
        end
    end
end

function love.draw()
    for _, v in pairs(imgs) do
        love.graphics.draw(v.src, v.x, v.y)
    end
end

关键代码解释 #

• isDragging：标记当前图片是否处于拖拽状态，避免重复计算偏移量。
• dragOffsetX/dragOffsetY：存储鼠标按下瞬间，鼠标与图片左上角的水平/垂直距离，这个值在整个拖拽过程中保持不变。
• 拖拽逻辑拆分三步：按下时记录偏移、按住时更新位置、松开时重置状态，确保拖拽过程平滑稳定。

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