　閉鎖部分でのバウンド運動

RESETで
進行方向を
ランダムに
決めます。

●

方向を変えたい位置で、運動方向を変え、
いかにも、閉鎖部分内を動くように見せています。
それらの変化は、すべて命令句『ｉｆ』で変数『flg』を決め、
その変数に従い、命令句『switch』で方向を変えます。

非常に簡単なプログラムですが、衝突面をいろいろ移動したり、
運動方向を変えたり、運動関数を変えたりすれば、複雑な動きも可能だと思います。

ただ、衝突面の位置を勘違いしたり、書き間違えすると
どこか、遠くへ消えうせてしまいますので、ご注意を！

また、同じ軌道を無限に繰り返さないよう、外枠の上方向衝突7回で、微妙に、
位置をずらすよう書いていますので、決して、同じ動きの繰り返しはしないと思います。
と言うより、滅多にしないと言った方が正しい？
まあ、限られた部分内の動きですので、そのうち、同じところを通るとは思いますが・・・

以下、プログラムソースです（本プログラムとは少し異なります）。

<HTML><HEAD></HEAD>
<BODY bgcolor="black" text="white">
<input type="button" name="button1" value="START"
onClick="button1.disabled=true;button2.disabled=false;RS()">　
<input type="button" name="button2" value="STOP"
onClick="button2.disabled=true;button1.disabled=false;Stop()">　
<img src="../move/vline.jpg" style="position: absolute;left: 100; top: 50">
<img src="../move/vline.jpg" style="position: absolute;left: 101; top: 450">
<img src="../move/hline.jpg" style="position: absolute;left: 100; top: 51">
<img src="../move/hline.jpg" style="position: absolute;left: 700; top: 50">
<img src="vline.jpg" style="position: absolute;left: 171; top: 180">
<img src="vline.jpg" style="position: absolute;left: 171; top: 350">
<img src="hline.jpg" style="position: absolute;left: 171; top: 181">
<img src="hline.jpg" style="position: absolute;left: 640; top: 180">
<div id=MovePoint1 style="font-size:20; color:#cccccc;
position:absolute;top:96;left:102;width=10">●</div>
</BODY>
<SCRIPT LANGUAGE="javaScript">

</SCRIPT>
</HTML>