【千题案例】TypeScript获取两点之间的距离 | 中点 | 补点 | 向量

本文介绍: 我们在编写一些瞄准、绘制、擦除等功能函数时，经常会遇到计算两点之间的一些参数，那本篇文章就来讲一下两点之间的一系列参数计算。

我们在编写一些瞄准、绘制、擦除等功能函数时，经常会遇到计算两点之间的一些参数，那本篇文章就来讲一下两点之间的一系列参数计算。

 /**
     * 计算两点之间的距离
     * @param startPoint 起点坐标
     * @param endPoint 终点坐标
     * @returns 返回距离
     */
    getDistancetweenTwoPoint(startPoint, endPoint) {
        let lngDiff = endPoint.x - startPoint.x; //起点与终点的x差
        let latDiff = endPoint.y - startPoint.y; //起点与终点的y差
        return Math.sqrt(lngDiff * lngDiff + latDiff * latDiff);//返回根据公式计算的结果
    }

UseFunction() {
        let startPoint = cc.v2(0, 1);
        let endPoint = cc.v2(0, 3)
        let result = this.getDistancetweenTwoPoint(startPoint, endPoint)
        cc.log(result)
    }

//结果：   2

  /**
     * 计算两点之间的中点
     * @param a 起点坐标
     * @param b 终点坐标
     * @returns 返回中点坐标
     */
    getMidBetweenTwoPoint(a, b) {
        let Midx = (a.x + b.x) / 2;
        let Midy = (a.y + b.y) / 2;
        return cc.v2(Midx, Midy)
    }

 UseFunction() {
        let startPoint = cc.v2(0, 1);
        let endPoint = cc.v2(0, 3)
        let result = this.getMidBetweenTwoPoint(startPoint, endPoint)
        cc.log(result)
    }

//结果：  （0，2）

     /**
        * 计算两点之间的补点
        * @param startPoint 起点
        * @param endPoint 终点
        * @param distance 两点之间的距离
        * @param stepSize 每步的距离
        * @param containBoth 是否包含起点和终点
        * @returns 返回点的坐标数组
        */
    getFillPoints(startPoint, endPoint, distance, stepSize, containBoth) {
        let lngDiff = endPoint.x - startPoint.x; //起点与终点的x差
        let latDiff = endPoint.y - startPoint.y; //起点与终点的y差
        let n = Math.ceil(distance / stepSize); //补点的总数
        let a = lngDiff / n; //每步的x差
        let b = latDiff / n; //每步的y差
        let pointsArr = []; //返回点的坐标数组
        //将补点放入坐标数组（不包含起点和终点）
        for (let i = 1; i < n; i++) {
            let x = startPoint.x + a * i;
            let y = startPoint.y + b * i;
            pointsArr.push(cc.v2(x, y));
        }
        //将起点和终点放入坐标数组
        if (containBoth) {
            pointsArr.unshift(startPoint); //添加起点
            pointsArr.push(endPoint); //添加终点
        }
        return pointsArr;
    }

  UseFunction() {
        //两点坐标
        let Pointa = cc.v2(0, 0)
        let Pointb = cc.v2(0, 5)
        let distance = Tools.getDistance(Pointa, Pointb); //两点的距离
        let stepSize = 1; //每步的距离
        let containBoth = true; //包含两端
        let allPoints = this.getFillPoints(Pointa, Pointb, distance, stepSize, containBoth);
        cc.log(allPoints)
    }
结果：（0，0）（0，1）（0，2）（0，3）（0，4）（0，5）

  /**
     * 计算两点之间的向量
     * @param a 坐标a
     * @param b 坐标b
     * @returns 返回向量
     */
    getVectorBetweenTwoPoint(a, b) {
        let Midx = (b.x - a.x)
        let Midy = (b.y - a.y)
        return cc.v2(Midx, Midy)
    }

 UseFunction() {
        let startPoint = cc.v2(0, 1);
        let endPoint = cc.v2(0, 3)
        let result = this.getVectorBetweenTwoPoint(startPoint, endPoint)
        cc.log(result)
    }

//结果：  （0，2）

  /**
     * 计算两点之间的角度
     * @param a 坐标a
     * @param b 坐标b
     * @returns 返回角度
     */
    getAngleBetweenTwoPoint(a, b) {
        let result=Math.Atan2((b.y- a.y), (b.x - a.x)) * 180 / Math.PI;
        return result
    }

 UseFunction() {
        let startPoint = cc.v2(0, 0);
        let endPoint = cc.v2(1, 1)
        let result = this.getAngleBetweenTwoPoint(startPoint, endPoint)
        cc.log(result)
    }

//结果：  45