在JavaScript画布中沿线移动点

前端之家收集整理的这篇文章主要介绍了在JavaScript画布中沿线移动点前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个问题我的九年级科学博览会项目,我需要一些帮助.对于我的项目我想做一个交通模拟器,但有一件事是给我麻烦…

假设我有一条线的坐标(25,35 45,65,30,85 – 这将是两部分).我需要沿着这条线移动一个点(汽车),每一帧都保持恒定的距离.我该怎么做?

谢谢,C.Ruhl

解决方法

考虑线(25,65).从开始到结束的向量是(20,30).要沿着该方向移动一个点(x,y),我们可以添加该向量:

V =(20,30)
(x,y)=> (x 20,y 30).

如果我们从一开始就开始,我们就到了最后.
但这太大了一步.我们想要的东西更小,但是在相同的方向,所以我们乘以向量,例如,0.1:

V =(2,3)
(x,y)=> (x 2,y 3)=> (x 4,y 6)=> …

规范化是方便的,也就是使其长度为1,我们通过除以长度来做:

V => V / | V | =(2,3)/ sqrt(22 32)=(7.21,10.82)

那么你可以通过你想要的任何步骤大小来增加.

猜你在找的JavaScript相关文章