如何对Math.atan2返回的环绕角度值进行平滑插值？

AI 小北

2026-8-17

解决Math.atan2角度值的平滑环绕插值问题

在处理Math.atan2返回的[-π, π]（即-180°到180°）角度插值时，普通线性插值会因角度环绕特性出现反向旋转一圈的问题，而简单判断符号的方法又会导致突兀跳变。要实现平滑穿过环绕点的插值，核心是计算两个角度之间的最短路径差值，再基于这个差值进行插值。

核心思路

计算当前角度a与目标角度b的差值delta
将delta归一到[-π, π]范围内，确保这个差值代表两个角度之间的最短旋转路径
基于修正后的差值执行线性插值，保证旋转方向始终是最短路径

实现代码

方法一：通过取模修正差值

function lerpAngle(a, b, t) {
  let delta = b - a;
  // 将差值调整到[-π, π]区间，得到最短路径的角度差
  delta = ((delta + Math.PI) % (2 * Math.PI)) - Math.PI;
  return a + delta * t;
}

// 使用示例
rotation = lerpAngle(rotation, newRotation, 0.2);

方法二：利用Math.atan2自动修正差值

Math.atan2(sin(delta), cos(delta))会自动将任意角度差转换为[-π, π]范围内的等价角度，实现更直观：

function lerpAngle(a, b, t) {
  const angleDiff = b - a;
  // 通过atan2直接得到最短路径的角度差
  const shortestDiff = Math.atan2(Math.sin(angleDiff), Math.cos(angleDiff));
  return a + shortestDiff * t;
}

// 使用示例
rotation = lerpAngle(rotation, newRotation, 0.2);