<html>
<head>
<title>2D Dynamics</title>
</head>
<body>
<script>
//start time
var t = 0.0;
//time step
var dt = 0.1;
//stop time
var tmax = 20.0;
//drag coefficient
var dc = 0.0;
//fluid density
var fd = 0.0;
//cross section area
var ca =0.0;
//kinematic variables
var speed = 100.0;
var angle = 60.0;
var xx1 = 0.0;
var xx2 = 0.0;
var vx1 = speed*Math.cos(angle*Math.PI/180.0);
var vx2 = vx1;
var ax = 0.0;
var yy1 = 0.0;
var yy2 = 0.0;
var vy1 = speed*Math.sin(angle*Math.PI/180.0);
var vy2 = vy1;
var g = -9.8;
var ay = 0.0;
var istep =0;
document.write("<table>")
document.write("<tr bgcolor=\"#ddffdd\"><th>t</th><th>friction</th>");
document.write("<th>ax</th><th>vx</th><th>xx</th>");
document.write("<th>ay</th><th>vy</th><th>yy</th></tr>");
var kf =dc*fd*ca;
while (t <= tmax) {
istep++;
if (istep==10) {
istep=0;
document.write("<tr bgcolor=\"#ddffdd\"><th>t</th><th>friction</th>");
document.write("<th>ax</th><th>vx</th><th>xx</th>");
document.write("<th>ay</th><th>vy</th><th>yy</th></tr>");
}
speed = Math.sqrt(vx1*vx1+vy1*vy1);
ax = -kf*speed*(vx1);
vx2 = vx1 + ax*dt;
xx2 = xx1 + vx1*dt + 0.5*ax*dt*dt;
ay = g-kf*speed*vy1;
vy2 = vy1 + ay*dt;
yy2 = yy1 + vy1*dt + 0.5*ay*dt*dt;
t = t + dt;
vx1 = vx2;
xx1 = xx2;
vy1 = vy2;
yy1 = yy2;
document.write("<tr><th>"+t+"</th><th>"+kf+"</th>");
document.write("<th>"+ax+"</th><th>"+vx2+"</th><th>"+xx2+"</th>");
document.write("<th>"+ay+"</th><th>"+vy2+"</th><th>"+yy2+"</th></tr>");
}
document.write("</table>");
</script>
</body>
</html>