「交差ポイントの性質」の編集履歴（バックアップ）一覧はこちら
「交差ポイントの性質」(2009/02/10 (火) 19:37:14) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
交差ポイントを使って、[[砂時計型]]のようにポイントを自動的に操作することは可能か？
簡単にはいかない様です。
このページのレイアウトを使うと交差ポイントを直進で交差するパターンか、曲がっていくパターンか、どちらかに収斂します。
#html2(){{{{{{
<div id=spacer style="position:relative;width:400px;height:650px;">
<div id=_js_layer_0 style="position:absolute; left :75px; top :0px; width :30px; height:30px;">
<img src=../pub/rail/R14315.gif>
</div>
<div id=_js_layer_1 style="position:absolute; left :2px; top :232px; width :30px; height:30px;">
<img src=../pub/rail/R11RR225.gif>
</div>
<div id=_js_layer_2 style="position:absolute; left :120px; top :229px; width :30px; height:30px;">
<img src=../pub/rail/R11L315.gif>
</div>
<div id=_js_layer_3 style="position:absolute; left :123px; top :80px; width :30px; height:30px;">
<img src=../pub/rail/R11LR225.gif>
</div>
<div id=_js_layer_4 style="position:absolute; left :0px; top :78px; width :30px; height:30px;">
<img src=../pub/rail/R11R315.gif>
</div>
<div id=_js_layer_6 style="position:absolute; left :71px; top :166px; width :30px; height:30px;">
<img src=../pub/rail/R01225.gif>
</div>
<div id=_js_layer_7 style="position:absolute; left :69px; top :162px; width :30px; height:30px;">
<img src=../pub/rail/R01315.gif>
</div>
<div id=_js_layer_8 style="position:absolute; left :74px; top :270px; width :30px; height:30px;">
<img src=../pub/rail/R02270.gif>
</div>
<div id=_js_layer_9 style="position:absolute; left :123px; top :270px; width :30px; height:30px;">
<img src=../pub/rail/R20A270.gif>
</div>
<div id=_js_layer_10 style="position:absolute; left :74px; top :122px; width :30px; height:30px;">
<img src=../pub/rail/R02270.gif>
</div>
<div id=_js_layer_11 style="position:absolute; left :121px; top :122px; width :30px; height:30px;">
<img src=../pub/rail/R20A270.gif>
</div>
<div id=_js_layer_12 style="position:absolute; left :0px; top :359px; width :30px; height:30px;">
<img src=../pub/rail/R11RR270.gif>
</div>
<div id=_js_layer_13 style="position:absolute; left :141px; top :356px; width :30px; height:30px;">
<img src=../pub/rail/R11L270.gif>
</div>
<div id=_js_layer_14 style="position:absolute; left :0px; top :527px; width :30px; height:30px;">
<img src=../pub/rail/R11L90.gif>
</div>
<div id=_js_layer_16 style="position:absolute; left :55px; top :391px; width :30px; height:30px;">
<img src=../pub/rail/R03R00.gif>
</div>
<div id=_js_layer_17 style="position:absolute; left :141px; top :524px; width :30px; height:30px;">
<img src=../pub/rail/R11RR90.gif>
</div>
<div id=_js_layer_18 style="position:absolute; left :46px; top :463px; width :30px; height:30px;">
<img src=../pub/rail/R03R45.gif>
</div>
<div id=_js_layer_19 style="position:absolute; left :127px; top :456px; width :30px; height:30px;">
<img src=../pub/rail/R03R180.gif>
</div>
<div id=_js_layer_20 style="position:absolute; left :131px; top :389px; width :30px; height:30px;">
<img src=../pub/rail/R03R225.gif>
</div>
<div id=_js_layer_21 style="position:absolute; left :94px; top :359px; width :30px; height:30px;">
<img src=../pub/rail/R02270.gif>
</div>
<div id=_js_layer_22 style="position:absolute; left :93px; top :550px; width :30px; height:30px;">
<img src=../pub/rail/R0290.gif>
</div>
</div>
}}}}}}
交差ポイントはどのようなレールか？
実際に通れるかどうかはさておき、ターンアウトポイントを使うと２つ目の様な配置と同様の曲がり方をすることがわかる。
さらにねじりを解消すると見えてくるのは一番下の形となる。
[[砂時計型]]のように、ポイントが自動で動きつづけるレイアウトをつくることは容易ではない。
#html2(){{{{{{
<div id=spacer style="position:relative;width:400px;height:650px;">
<div id=_js_layer_0 style="position:absolute; left :75px; top :0px; width :30px; height:30px;">
<img src=../pub/rail/R14315.gif>
</div>
<div id=_js_layer_1 style="position:absolute; left :2px; top :232px; width :30px; height:30px;">
<img src=../pub/rail/R11RR225.gif>
</div>
<div id=_js_layer_2 style="position:absolute; left :120px; top :229px; width :30px; height:30px;">
<img src=../pub/rail/R11L315.gif>
</div>
<div id=_js_layer_3 style="position:absolute; left :123px; top :80px; width :30px; height:30px;">
<img src=../pub/rail/R11LR225.gif>
</div>
<div id=_js_layer_4 style="position:absolute; left :0px; top :78px; width :30px; height:30px;">
<img src=../pub/rail/R11R315.gif>
</div>
<div id=_js_layer_6 style="position:absolute; left :71px; top :166px; width :30px; height:30px;">
<img src=../pub/rail/R01225.gif>
</div>
<div id=_js_layer_7 style="position:absolute; left :69px; top :162px; width :30px; height:30px;">
<img src=../pub/rail/R01315.gif>
</div>
<div id=_js_layer_8 style="position:absolute; left :74px; top :270px; width :30px; height:30px;">
<img src=../pub/rail/R02270.gif>
</div>
<div id=_js_layer_9 style="position:absolute; left :123px; top :270px; width :30px; height:30px;">
<img src=../pub/rail/R20A270.gif>
</div>
<div id=_js_layer_10 style="position:absolute; left :74px; top :122px; width :30px; height:30px;">
<img src=../pub/rail/R02270.gif>
</div>
<div id=_js_layer_11 style="position:absolute; left :121px; top :122px; width :30px; height:30px;">
<img src=../pub/rail/R20A270.gif>
</div>
<div id=_js_layer_12 style="position:absolute; left :0px; top :359px; width :30px; height:30px;">
<img src=../pub/rail/R11RR270.gif>
</div>
<div id=_js_layer_13 style="position:absolute; left :141px; top :356px; width :30px; height:30px;">
<img src=../pub/rail/R11L270.gif>
</div>
<div id=_js_layer_14 style="position:absolute; left :0px; top :527px; width :30px; height:30px;">
<img src=../pub/rail/R11L90.gif>
</div>
<div id=_js_layer_16 style="position:absolute; left :55px; top :391px; width :30px; height:30px;">
<img src=../pub/rail/R03R00.gif>
</div>
<div id=_js_layer_17 style="position:absolute; left :141px; top :524px; width :30px; height:30px;">
<img src=../pub/rail/R11RR90.gif>
</div>
<div id=_js_layer_18 style="position:absolute; left :46px; top :463px; width :30px; height:30px;">
<img src=../pub/rail/R03R45.gif>
</div>
<div id=_js_layer_19 style="position:absolute; left :127px; top :456px; width :30px; height:30px;">
<img src=../pub/rail/R03R180.gif>
</div>
<div id=_js_layer_20 style="position:absolute; left :131px; top :389px; width :30px; height:30px;">
<img src=../pub/rail/R03R225.gif>
</div>
<div id=_js_layer_21 style="position:absolute; left :94px; top :359px; width :30px; height:30px;">
<img src=../pub/rail/R02270.gif>
</div>
<div id=_js_layer_22 style="position:absolute; left :93px; top :550px; width :30px; height:30px;">
<img src=../pub/rail/R0290.gif>
</div>
</div>
}}}}}}
