放物線運動(2)
●
Sample Source......................................................................>>>
<script language="JavaScript"><!--
//dyを大きくすれば高くなる
//dxを大きくすれば遠くへ
//m,dmを小さくすれば遠くへ
var dy; //Top位置の移動量
var dx = 10; //Left位置の移動量
var m; //Top位置の変化量を決める定数
var dm; //時関経過と共に変化するTop位置の変化量
var flg = true; //移動中かどうかを識別
var timerID;
function enn(n){
if(n == 1){ //"近くへ放る"場合
m = 0.3;
dm = 0.3;
}else if(n == 2){ //"標準の距離に放る"場合
m = 0.2;
dm = 0.2;
}else if(n == 3){ //"遠くへ放る"場合
m = 0.1;
dm = 0.1;
}
if(flg){
dv.style.pixelTop = 200; //以下、初期値を設定
dv.style.pixelLeft = 30;
dy = 15;
timerID = setInterval("ennMove()",100);
flg = false;
}
}
function ennMove(){
dv.style.pixelLeft += dx;
dv.style.pixelTop -= dy;
dy = dy - dm;
dm = dm + m; //時関経過とともにmづつ増加
if(dv.style.pixelTop > 200){ //Start位置と同じ高さになったら
clearInterval(timerID);
flg = true;
}
}
//--></script>
</head>
<body>
<button onclick="enn(1);">近くへ放る</button>
<button onclick="enn(2);">標準の距離に放る</button>
<button onclick="enn(3);">遠くへ放る</button>
<div id="dv" style="position:absolute;
top:200;left:30;width:20;height:20;font:20p">
●</div>
<hr style="position:absolute;top:230;left:30;
width:90%;height:10;color:brown">
end(最終更新:12/11/12)