用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程序设计有所帮助。