草庐IT

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

肩匣与橘 2023-04-11 原文

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


目录

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)
    }

//结果:   2

2️⃣两点之间的中点

①实现原理

        有两点 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 类包含用于执行基本数学运算的方法,如初等指数、对数、平方根和三角函数等,多加练习就可以熟练运用了。

有关【千题案例】TypeScript获取两点之间的距离 | 中点 | 补点 | 向量 | 角度的更多相关文章

  1. ruby-on-rails - Rails 应用程序之间的通信 - 2

    我构建了两个需要相互通信和发送文件的Rails应用程序。例如,一个Rails应用程序会发送请求以查看其他应用程序数据库中的表。然后另一个应用程序将呈现该表的json并将其发回。我还希望一个应用程序将存储在其公共(public)目录中的文本文件发送到另一个应用程序的公共(public)目录。我从来没有做过这样的事情,所以我什至不知道从哪里开始。任何帮助,将不胜感激。谢谢! 最佳答案 无论Rails是什么,几乎所有Web应用程序都有您的要求,大多数现代Web应用程序都需要相互通信。但是有一个小小的理解需要你坚持下去,网站不应直接访问彼此

  2. ruby - 简单获取法拉第超时 - 2

    有没有办法在这个简单的get方法中添加超时选项?我正在使用法拉第3.3。Faraday.get(url)四处寻找,我只能先发起连接后应用超时选项,然后应用超时选项。或者有什么简单的方法?这就是我现在正在做的:conn=Faraday.newresponse=conn.getdo|req|req.urlurlreq.options.timeout=2#2secondsend 最佳答案 试试这个:conn=Faraday.newdo|conn|conn.options.timeout=20endresponse=conn.get(url

  3. ruby - #之间? Cooper 的 *Beginning Ruby* 中的错误或异常 - 2

    在Cooper的书BeginningRuby中,第166页有一个我无法重现的示例。classSongincludeComparableattr_accessor:lengthdef(other)@lengthother.lengthenddefinitialize(song_name,length)@song_name=song_name@length=lengthendenda=Song.new('Rockaroundtheclock',143)b=Song.new('BohemianRhapsody',544)c=Song.new('MinuteWaltz',60)a.betwee

  4. ruby - 从 Ruby 中的主机名获取 IP 地址 - 2

    我有一个存储主机名的Ruby数组server_names。如果我打印出来,它看起来像这样:["hostname.abc.com","hostname2.abc.com","hostname3.abc.com"]相当标准。我想要做的是获取这些服务器的IP(可能将它们存储在另一个变量中)。看起来IPSocket类可以做到这一点,但我不确定如何使用IPSocket类遍历它。如果它只是尝试像这样打印出IP:server_names.eachdo|name|IPSocket::getaddress(name)pnameend它提示我没有提供服务器名称。这是语法问题还是我没有正确使用类?输出:ge

  5. ruby - 获取模块中定义的所有常量的值 - 2

    我想获取模块中定义的所有常量的值:moduleLettersA='apple'.freezeB='boy'.freezeendconstants给了我常量的名字:Letters.constants(false)#=>[:A,:B]如何获取它们的值的数组,即["apple","boy"]? 最佳答案 为了做到这一点,请使用mapLetters.constants(false).map&Letters.method(:const_get)这将返回["a","b"]第二种方式:Letters.constants(false).map{|c

  6. ruby-on-rails - `a ||= b` 和 `a = b if a.nil 之间的区别? - 2

    我正在检查一个Rails项目。在ERubyHTML模板页面上,我看到了这样几行:我不明白为什么不这样写:在这种情况下,||=和ifnil?有什么区别? 最佳答案 在这种特殊情况下没有区别,但可能是出于习惯。每当我看到nil?被使用时,它几乎总是使用不当。在Ruby中,很少有东西在逻辑上是假的,只有文字false和nil是。这意味着像if(!x.nil?)这样的代码几乎总是更好地表示为if(x)除非期望x可能是文字false。我会将其切换为||=false,因为它具有相同的结果,但这在很大程度上取决于偏好。唯一的缺点是赋值会在每次运行

  7. ruby-on-rails - 获取 inf-ruby 以使用 ruby​​ 版本管理器 (rvm) - 2

    我安装了ruby​​版本管理器,并将RVM安装的ruby​​实现设置为默认值,这样'哪个ruby'显示'~/.rvm/ruby-1.8.6-p383/bin/ruby'但是当我在emacs中打开inf-ruby缓冲区时,它使用安装在/usr/bin中的ruby​​。有没有办法让emacs像shell一样尊重ruby​​的路径?谢谢! 最佳答案 我创建了一个emacs扩展来将rvm集成到emacs中。如果您有兴趣,可以在这里获取:http://github.com/senny/rvm.el

  8. Ruby 从大范围中获取第 n 个项目 - 2

    假设我有这个范围:("aaaaa".."zzzzz")如何在不事先/每次生成整个项目的情况下从范围中获取第N个项目? 最佳答案 一种快速简便的方法:("aaaaa".."zzzzz").first(42).last#==>"aaabp"如果出于某种原因你不得不一遍又一遍地这样做,或者如果你需要避免为前N个元素构建中间数组,你可以这样写:moduleEnumerabledefskip(n)returnto_enum:skip,nunlessblock_given?each_with_indexdo|item,index|yieldit

  9. ruby - Net::HTTP 获取源代码和状态 - 2

    我目前正在使用以下方法获取页面的源代码:Net::HTTP.get(URI.parse(page.url))我还想获取HTTP状态,而无需发出第二个请求。有没有办法用另一种方法做到这一点?我一直在查看文档,但似乎找不到我要找的东西。 最佳答案 在我看来,除非您需要一些真正的低级访问或控制,否则最好使用Ruby的内置Open::URI模块:require'open-uri'io=open('http://www.example.org/')#=>#body=io.read[0,50]#=>"["200","OK"]io.base_ur

  10. ruby - 没有类方法获取 Ruby 类名 - 2

    如何在Ruby中获取BasicObject实例的类名?例如,假设我有这个:classMyObjectSystem我怎样才能使这段代码成功?编辑:我发现Object的实例方法class被定义为returnrb_class_real(CLASS_OF(obj));。有什么方法可以从Ruby中使用它? 最佳答案 我花了一些时间研究irb并想出了这个:classBasicObjectdefclassklass=class这将为任何从BasicObject继承的对象提供一个#class您可以调用的方法。编辑评论中要求的进一步解释:假设你有对象

随机推荐