我们在编写一些瞄准、绘制、擦除等功能函数时，经常会遇到计算两点之间的一些参数，那本篇文章就来讲一下两点之间的一系列参数计算。
目录
1️⃣ 两点之间的距离
①实现原理
②代码实现及结果
2️⃣两点之间的中点
①实现原理
②代码实现及结果
3️⃣两点之间的补点
①实现原理
②代码实现及结果
4️⃣两点之间的向量
①实现原理
②代码实现及结果
5️⃣两点之间的角度
①实现原理
②代码实现及结果
1️⃣ 两点之间的距离
①实现原理
两点之间的直线距离就是x轴距离的平方与y轴距离的平方之和的平方根。设两个点A、B以及坐标分别为 A(X1,Y1),B(X2,Y2)，则A和B两点之间的距离为：
②代码实现及结果
*代码块
/**
* 计算两点之间的距离
* @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)
}
//结果： 22️⃣两点之间的中点
①实现原理
有两点 A(x1, y1) B(x2, y2) 则它们的中点P的坐标为（(x1+x2)/2, (y1+y2)/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） 3️⃣两点之间的补点
①实现原理
有两点 A(x1, y1) B(x2, y2) ，计算两点之间的距离根据距离除以步长(每多少米补一个点)计算出需要补点的总数，用B点的X2,Y2减去A点的X1，Y1得到X和Y的差，用X和Y的差除以补点的总数得到每步的X和Y差,循环补点的总数，每次在A点的X1，Y1的基础上加上经纬度差乘以总数。
②代码实现及结果
*代码块
/**
* 计算两点之间的补点
* @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）4️⃣两点之间的向量
①实现原理
有两点 A(a1,b1),B(a2,b2,),则向量AB为B点坐标减A点坐标,即向量AB=(a2-a1,b2-b1)
②代码实现及结果
*代码块
/**
* 计算两点之间的向量
* @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） 5️⃣两点之间的角度
①实现原理
计算两点的正切值并获取角度：点一（X1,Y1），点二（X2,Y2）： Math.Atan2((Y2 - Y1), (X2 - X2)) * 180 / Math.PI
注：Math.Atan2() 返回从原点 (0,0) 到 (x,y) 点的线段与 x 轴正方向之间的平面角度 (弧度值)，也就是 Math.atan2(y,x)
math.pi 返回一个浮点值 π， 一般指圆周率，圆周率 PI (3.1415...)
②代码实现及结果
*代码块
/**
* 计算两点之间的角度
* @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 在进行诸如此类的运算的时候，更多考验的是对数学公式和对Math类的的掌握，Math 类包含用于执行基本数学运算的方法，如初等指数、对数、平方根和三角函数等，多加练习就可以熟练运用了。
