用Javascript模拟重力状态下抛物运动的一种方法

本文介绍了重力状态下抛物运动的Javascript仿真方法,供大家参考,具体分析如下:

这个javascript代码模拟了抛物线运动的重力,可以设定以下参数:横向速度、纵向速度、重力加速度(如果加速度是随时间变化的值,就能达到其他非匀速加速运动的效果),动画时间间隔,相关专业。

复制代码代码如下所示:







js的抛物线运动





*填充:0;边距:0;}

体{字体大小:13px;padding: 10px;}

P {保证金:2px;}

。包{位置:相对;宽度:1000px;身高:550px;保证金:0汽车;边框1px solid # CCC;边距:50px;}

#落{宽度:20px;字体大小:1px;高度:20px;背景:# 000;位置:绝对的;最高:0;左:0;}







在模拟微重力状态的抛物线运动(1px = = 1mm)

初始横向速度

初始纵向速度

重力加速度

(如果这个加速度是随时间变化的值,可以实现其他不均匀加速运动的效果。)

单位时间:(记录运动的时间间隔)





o







函数演示(x,y,a,t){

var = document.getelementbyid('fall);

VaR VX = parseInt(X),

vy = parseInt(Y),

g =,

T = parseInt(T),

H = 0,= 0,= 0 = 0 SX,SY;

var i = setInterval(){()函数(

如果(f){

SX + = Vx * T;

L = SX;

vy + = G * T;

H + = vy * T;

f.style左= L + 'px;

f.style顶= H + 'px;

如果(H > 500 | | L>900)这样(我);

}

},t);

}







希望本文能对大家的javascript程序设计有所帮助。