J*aScript碰撞检测算法_石家庄创泽智能科技有限公司

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

J*aScript碰撞检测算法

2025-11-09

浏览次数：次

返回列表

答案：J*aScript中常用AABB算法检测矩形碰撞，通过判断两矩形在x轴和y轴是否同时重叠来确定碰撞，代码实现为检查边界条件并返回结果。

javascript碰撞检测算法

在J*aScript中实现碰撞检测，主要是判断两个或多个物体是否发生重叠或接触。这在游戏开发、动画交互和物理引擎中非常常见。下面介绍几种常用的碰撞检测算法，适用于不同形状的物体。

矩形与矩形碰撞（AABB）

AABB（Axis-Aligned Bounding Box）是最基础也是最常用的碰撞检测方法，适用于没有旋转的矩形。

判断两个矩形是否碰撞，只需要检查它们在x轴和y轴上是否都重叠：

如果一个矩形在另一个的右边（left1 > right2），不碰撞
如果一个矩形在另一个的左边（right1
如果一个矩形在另一个的上方（bottom1
如果一个矩形在另一个的下方（top1 > bottom2），不碰撞

其余情况即为碰撞。代码示例：

function isColliding(rect1, rect2) {
  return !(rect1.x > rect2.x + rect2.width ||
           rect1.x + rect1.width < rect2.x ||
           rect1.y > rect2.y + rect2.height ||
           rect1.y + rect1.height < rect2.y);
}

圆形与圆形碰撞

判断两个圆形是否碰撞，只需计算它们圆心之间的距离是否小于等于两半径之和。

使用勾股定理计算距离，避免开方提升性能：

function isCircleColliding(circle1, circle2) {
  const dx = circle1.x - circle2.x;
  const dy = circle1.y - circle2.y;
  const distanceSquared = dx * dx + dy * dy;
  const radiusSum = circle1.radius + circle2.radius;
  return distanceSquared <= radiusSum * radiusSum;
}

矩形与圆形碰撞

这种检测稍微复杂一些。思路是：找到圆心到矩形最近的点，然后判断该点与圆心的距离是否小于半径。

Flash ActionScript3 高级教程 pdf版

Flash ActionScript3 高级教程 pdf，书籍部分目录：　　　　第一章高级　　碰撞检测　　不规则图形的检测碰撞　　BitmapData.hitTest用于非位图　　大量对象的碰撞检测　　实现基于网格的碰撞检测　　编写网格代码　　测试并调整网格　　使用此类　　检测不只是为了碰撞　　　　第二章转向　　行为　　2D向量(Vector2D)类　　机车(Vehicle)类　　转向机车(SteeredVehicle)类　　寻找行为　　避开行为　　到达行为　

0 查看详情 Flash ActionScript3 高级教程 pdf版

步骤如下：

将圆心坐标“夹”到矩形范围内，得到最近点
计算该点与圆心的距离平方
与半径平方比较

function isRectCircleColliding(rect, circle) {
  // 找到矩形内离圆心最近的点
  const closestX = Math.max(rect.x, Math.min(circle.x, rect.x + rect.width));
  const closestY = Math.max(rect.y, Math.min(circle.y, rect.y + rect.height));
<p>// 计算距离
const dx = closestX - circle.x;
const dy = closestY - circle.y;
return (dx <em> dx + dy </em> dy) <= (circle.radius * circle.radius);
}</p>