【Love2d从青铜到王者】第十二篇:Love2d之碰撞检测(Detecting collision)

系列文章目录

前言

🍇一、图像（Images） 1️⃣.图像（Images）

• 假设我们正在做一个游戏，在这个游戏中你可以击落怪物。怪物被子弹打中就应该死。所以我们需要检查的是:怪物是在和子弹相撞吗？
• 我们要创造一个碰撞检查功能。我们将检查矩形之间的冲突。这被称为AABB碰撞。所以我们需要知道，两个矩形什么时候碰撞？
• 我用三个例子创建了一个图像:

• 如果你还没有开启程序员的大脑，现在是时候了。第三个例子中发生了什么，而第一个和第二个例子中没有发生？

• “它们在碰撞”

• 是的，但是你得说得更具体些。我们需要计算机可以使用的信息。

• 看一下矩形的位置。在第一个例子中，红色没有与蓝色碰撞，因为红色太靠左了。如果红色稍微偏右一点，他们就会接触。具体有多远？嗯，红色的右边是比蓝色的左边更靠近右边。这对于例3来说是正确的。

• 但对于例2也是如此。我们需要更多的条件来确定是否有碰撞。例子2表明我们不能向右走太远。我们到底能走多远？红色要向左移动多少才会发生碰撞？ 当红色的左边是比蓝色的右边更靠近左边。

• 所以我们有两个条件，足以保证有碰撞吗？

• 不，看看下面的图片:

• 这种情况符合我们的条件。红色的右边比蓝色的左边更靠右。红色的左侧比蓝色的右侧更靠左。然而，没有碰撞。那是因为红色太高了。它需要向下移动。多远？直到红色的底边比蓝色的顶边更靠近底边。

• 但是如果我们把它移得太低，就不会再有碰撞了。红色能下移多远，还能和蓝色碰撞？只要红色的顶边比蓝色的底边更靠近顶边。

• 现在我们有四个条件。这三个例子的四个条件都成立吗？

• 红色的右边比蓝色的左边更靠近右边。

• 红色的左边比蓝色的右边更靠近左边。

• 红色的底边比蓝色的顶边更靠近底边。

• 红色的顶边比蓝色的底边更靠近顶边。

• 是的，他们是！现在我们需要将这些信息转化为一个函数。

• 首先让我们创建两个矩形。

function love.load()
    --创建两个矩形
    r1={
        x=10,
        y=100,
        width=100,
        height=100
    }
    r2={
        x=250,
        y=120,
        width=150,
        height=120
    }
end

function love.update(dt)
    --移动一个矩形
    r1.x=r1.x+100*dt
end

function love.draw()
    love.graphics.rectangle("line",r1.x,r1.y,r1.width,r1.height)
    love.graphics.rectangle("line",r2.x,r2.y,r2.width,r2.height)
end

• 现在我们创建一个名为 checkCollision()的新函数，用两个矩形作为参数。

function checkCCollision(a,b)
    --对于局部变量，通常使用下划线而不是驼峰式大小写
    local a_left=a.x
    local a_right=a.x+a.width
    local a_top=a.y
    local a_bottom=a.y+a.height

    local b_left=b.x
    local b_right=b.x+b.width
    local b_top=b.y
    local b_bottom=b.y+b.height
end

• 现在我们有了每个矩形的四条边，我们可以用它们把我们的条件放在一个if语句中。

function checkCollision(a, b)
    --With locals it's common usage to use underscores instead of camelCasing
    local a_left = a.x
    local a_right = a.x + a.width
    local a_top = a.y
    local a_bottom = a.y + a.height

    local b_left = b.x
    local b_right = b.x + b.width
    local b_top = b.y
    local b_bottom = b.y + b.height

    --If Red's right side is further to the right than Blue's left side.
    if  a_right > b_left
    --and Red's left side is further to the left than Blue's right side.
    and a_left  b_top
    --and Red's top side is further to the top than Blue's bottom side then..
    and a_top  b_left
        and a_left  b_top
        and a_top