两点画线段，子弹轨迹（低级版，百分百命中）

木天云乐

于 2020-09-24 10:09:12 发布

阅读量229

点赞数

分类专栏：小模块文章标签： javascript

本文链接：https://blog.csdn.net/u012652299/article/details/108767311

版权

小模块专栏收录该内容

1 篇文章 0 订阅

订阅专栏

做一个小活动的时候，要进行射击操作。感觉自己应该是能画子弹的，然后就试了。不好好读书，代码写的都不愉快[○･｀Д´･ ○]

以下方法：

传入两点id,利用已知两点求线段上某一点的计算公式：点斜式-百度百科地址

function linearRegeression(statid,endid){
		    var x1=parseInt(document.getElementById(statid).style.left,10);
		    var x2=parseInt(document.getElementById(endid).style.left,10);
		    var y1=parseInt(document.getElementById(statid).style.top,10);
		    var y2=parseInt(document.getElementById(endid).style.top,10);
		    var x=((y1+10)-y1)/(y2-y1)*(x2-x1)+x1;
		    var y=(x-x1)/(x2-x1)*(y2-y1)+y1;
		    document.getElementById(statid).style.left=x+"px";
		    document.getElementById(statid).style.top=y+"px";
		    setTimeout(function(){
		       linearRegeression(statid,endid)
		    },100);
		}