Hey Andrew, let's fix that enemy targeting issue for you! 😊

要让敌人（me）朝着玩家（p）的方向射击，核心是计算两者之间的目标角度，用JavaScript的三角函数就能轻松搞定。

步骤1：计算敌人与玩家的方向差值 #

先算出敌人和玩家在x、y轴上的距离差，这是计算角度的基础：

const dx = p.x - me.x; // 玩家x坐标 - 敌人x坐标，得到水平方向差值
const dy = p.y - me.y; // 玩家y坐标 - 敌人y坐标，得到垂直方向差值

步骤2：计算指向玩家的角度 #

用Math.atan2()函数直接算出从敌人指向玩家的弧度角度，赋值给me.ang即可：

me.ang = Math.atan2(dy, dx);

• 为什么选atan2？它专门用来计算平面坐标系中两点间的角度，参数顺序是(y差值, x差值)，完美适配Canvas的y轴向下的坐标系规则。
• 返回值是弧度，刚好匹配Canvas旋转、移动等API的参数要求；如果你的代码用的是角度制，只需转个格式：me.ang = Math.atan2(dy, dx) * 180 / Math.PI。

步骤3：整合到射击逻辑里 #

把原来随机向右射击的固定角度，替换成计算好的目标角度就行。假设你原来的射击定时器是这样的：

// 原来的随机向右射击逻辑
// setInterval(() => {
//   bullets.push({ x: me.x, y: me.y, ang: 0, speed: 5 });
// }, 1000);

// 修改后的向玩家射击逻辑
setInterval(() => {
  const dx = p.x - me.x;
  const dy = p.y - me.y;
  me.ang = Math.atan2(dy, dx);
  // 生成朝向玩家的子弹
  bullets.push({ x: me.x, y: me.y, ang: me.ang, speed: 5 });
}, 1000);

子弹移动的补充说明 #

如果你的子弹是通过角度计算移动轨迹的，确保移动逻辑是这样的：

// 更新子弹位置
bullets.forEach(bullet => {
  bullet.x += Math.cos(bullet.ang) * bullet.speed;
  bullet.y += Math.sin(bullet.ang) * bullet.speed;
});

这样子弹就会沿着敌人指向玩家的直线飞行，完美实现精准反击的效果。

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