实现方向平滑变化的随机游走（Random Walk）方案问询

常规随机游走（Random Walk）不关注方向变化，每次迭代都会生成全新方向，动画演示时质点会呈现频繁跳跃状态。现需基于已计算的历史点生成更平滑的运动曲线，请问如何调整随机游走函数以实现方向的平滑变化？

你的核心思路非常靠谱——通过参考上一步的运动方向，在方向剧变（接近180°）时缩小步长，确实能有效减少跳跃感，让运动曲线更顺滑。下面我基于你的D3.js代码，给出具体的优化实现：

优化后的代码实现 #

const history = [];
const steps = 10;
const baseRadius = 1; // 基础步长
let point = { x: 0, y: 0, radians: Math.random() * Math.PI * 2 }; // 初始化一个随机初始方向

for (let i = 0; i < steps; i++) {
  console.log(point);
  history.push({...point}); // 用展开运算符复制对象，避免引用问题
  const previousPoint = {...point};
  
  // 生成一个小范围的角度偏移，而不是完全随机的方向
  const angleOffset = d3.randomNormal(0, Math.PI/6)(); // 偏移范围控制在±30°左右，可调整
  const newRadians = previousPoint.radians + angleOffset;
  
  // 计算方向变化的角度差，取最小的那个（比如190°等价于-170°）
  const angleDiff = Math.abs(((newRadians - previousPoint.radians) + Math.PI) % (Math.PI * 2) - Math.PI);
  
  // 根据角度差调整步长：角度差越接近180°，步长越小
  const adjustedRadius = baseRadius * (1 - angleDiff / Math.PI);
  
  // 基于新角度和调整后的步长计算新坐标
  point.x += adjustedRadius * Math.cos(newRadians);
  point.y += adjustedRadius * Math.sin(newRadians);
  point.radians = newRadians;
}

关键优化点说明 #

• 保留方向连续性：不再完全随机生成x、y偏移，而是在上一步的方向基础上叠加一个小范围的随机角度偏移（这里用了±30°的正态分布，你可以通过调整Math.PI/6来控制平滑程度——值越小越平滑，越大越接近原始随机游走）。
• 动态调整步长：计算当前方向与上一步方向的角度差，当角度差接近180°（反向）时，步长会自动缩小到接近0，避免突然的大跳跃；如果方向变化很小，步长就接近基础步长baseRadius。
• 修复对象引用问题：用{...point}替代Object.assign({}, point)，写法更简洁，同样能避免后续修改point时影响history里的历史数据。

这样调整后，质点的运动就会像"转弯"一样自然过渡，而不是突然跳转到完全无关的方向，动画效果会平滑很多。

内容的提问来源于stack exchange，提问作者Michael W. Czechowski