Laya2D带箭头的导弹追踪算法

先给大家看效果吧！

思路

在发射导弹前得到当前导弹旋转角度 angle0
发射后每一帧去计算当前点到目标点的角度angel1，那么我只要让angle1 == angle0导弹就会飞向目标点
但是如果我直接让angle0 = angle1导弹又会直接飞过去没有这种偏转效果。
所以每次一点点的去改变这个angle1,那么就能实现这个效果了

知识点

• 三角函数 用于计算每次移动的位置
• Math.atan2()返回平面坐标系任意两点之间的角度
• 屏幕角度与运动方向对应的关系

	// 本次移动距离x = Math.cos(角度/180 * PI) * 速度
    let movex = Math.cos(angle / 180 * Math.PI) * 10;
    let movey = Math.sin(angle / 180 * Math.PI) * 10;

核心代码

_proto.move = function () {

        this.movex = Math.cos(this.angle / 180 * Math.PI) * this.speed;
        this.movey = Math.sin(this.angle / 180 * Math.PI) * this.speed;
        this.x += this.movex;
        this.y += this.movey;

        // 计算当前位置与目标位置的角度
        let ang = this.lookAngle(this.targetX, this.targetY);

        // 当前位置到目标位置的两个方案顺时针和逆时针
        let r1 = (ang - this.angle);
        let r2 = 360 - Math.abs(r1);
        r2 = this.angle > ang ? r2 : -r2;
        
        // 选择一个最近的方案
        let opt = Math.abs(r1) < Math.abs(r2) ? r1 : r2;

        // 如果这个方案的偏转角度大于 3 度
        if (Math.abs(opt) > 3) {
            // 最多只允许偏转3度
            this.angle = opt > 0 ? this.angle + 3 : this.angle - 3;
        } else {
            this.angle = ang;
        }

        this.rotation = this.angle;
}

项目源码

点这里下载源码