「自動ポイントによるレイアウト」の編集履歴（バックアップ）一覧はこちら
自動ポイントによるレイアウト - (2009/06/27 (土) 14:11:44) の１つ前との変更点
追加された行は緑色になります。
削除された行は赤色になります。
自動ポイントによるレイアウトは、
* 逆走行を考慮しない標準のレイアウト
* 脱線を防止するため、必ず分岐した線路を戻るレイアウト
の２通りが考えられる。
標準のレイアウト
どのタイミングで合流させるかによって、変化の幅を持たせることができる。
#html2(){{{{{{
<div id=spacer style="position:relative;width:400px;height:480px;">
<div id=_js_layer_0 onmousedown="pickup('_js_layer_0',event);return false" style="position:absolute; left :197px; top :130px; width :30px; height:30px;">
<img src=../pub/rail/R1600.gif>
</div>
<div id=_js_layer_1 onmousedown="pickup('_js_layer_1',event);return false" style="position:absolute; left :197px; top :42px; width :30px; height:30px;">
<img src=../pub/rail/R05R00.gif>
</div>
<div id=_js_layer_2 onmousedown="pickup('_js_layer_2',event);return false" style="position:absolute; left :131px; top :1px; width :30px; height:30px;">
<img src=../pub/rail/R05R315.gif>
</div>
<div id=_js_layer_3 onmousedown="pickup('_js_layer_3',event);return false" style="position:absolute; left :43px; top :0px; width :30px; height:30px;">
<img src=../pub/rail/R05R270.gif>
</div>
<div id=_js_layer_4 onmousedown="pickup('_js_layer_4',event);return false" style="position:absolute; left :1px; top :39px; width :30px; height:30px;">
<img src=../pub/rail/R05R225.gif>
</div>
<div id=_js_layer_5 onmousedown="pickup('_js_layer_5',event);return false" style="position:absolute; left :130px; top :121px; width :30px; height:30px;">
<img src=../pub/rail/R03R315.gif>
</div>
<div id=_js_layer_6 onmousedown="pickup('_js_layer_6',event);return false" style="position:absolute; left :58px; top :118px; width :30px; height:30px;">
<img src=../pub/rail/R03R270.gif>
</div>
<div id=_js_layer_7 onmousedown="pickup('_js_layer_7',event);return false" style="position:absolute; left :25px; top :132px; width :30px; height:30px;">
<img src=../pub/rail/R11RR180.gif>
</div>
<div id=_js_layer_8 onmousedown="pickup('_js_layer_8',event);return false" style="position:absolute; left :0px; top :130px; width :30px; height:30px;">
<img src=../pub/rail/R01180.gif>
</div>
<div id=_js_layer_10 onmousedown="pickup('_js_layer_10',event);return false" style="position:absolute; left :0px; top :227px; width :30px; height:30px;">
<img src=../pub/rail/R13B00.gif>
</div>
<div id=_js_layer_11 onmousedown="pickup('_js_layer_11',event);return false" style="position:absolute; left :22px; top :318px; width :30px; height:30px;">
<img src=../pub/rail/R03R180.gif>
</div>
<div id=_js_layer_12 onmousedown="pickup('_js_layer_12',event);return false" style="position:absolute; left :58px; top :370px; width :30px; height:30px;">
<img src=../pub/rail/R03R135.gif>
</div>
<div id=_js_layer_13 onmousedown="pickup('_js_layer_13',event);return false" style="position:absolute; left :127px; top :380px; width :30px; height:30px;">
<img src=../pub/rail/R03R90.gif>
</div>
<div id=_js_layer_14 onmousedown="pickup('_js_layer_14',event);return false" style="position:absolute; left :180px; top :326px; width :30px; height:30px;">
<img src=../pub/rail/R03R45.gif>
</div>
<div id=_js_layer_15 onmousedown="pickup('_js_layer_15',event);return false" style="position:absolute; left :222px; top :276px; width :30px; height:30px;">
<img src=../pub/rail/R0200.gif>
</div>
</div>
}}}}}}
戻りのレイアウト
#html2(){{{{{{
<div id=spacer style="position:relative;width:400px;height:676px;">
<div id=_js_layer_2 style="position:absolute; left :240px; top :308px; width :30px; height:30px;">
<img src=../pub/rail/R1600.gif>
</div>
<div id=_js_layer_3 style="position:absolute; left :341px; top :0px; width :30px; height:30px;">
<img src=../pub/rail/R1045.gif>
</div>
<div id=_js_layer_4 style="position:absolute; left :288px; top :237px; width :30px; height:30px;">
<img src=../pub/rail/R0300.gif>
</div>
<div id=_js_layer_5 style="position:absolute; left :307px; top :152px; width :30px; height:30px;">
<img src=../pub/rail/R13A45.gif>
</div>
<div id=_js_layer_7 style="position:absolute; left :240px; top :213px; width :30px; height:30px;">
<img src=../pub/rail/R13A00.gif>
</div>
<div id=_js_layer_8 style="position:absolute; left :153px; top :262px; width :30px; height:30px;">
<img src=../pub/rail/R13A315.gif>
</div>
<div id=_js_layer_9 style="position:absolute; left :194px; top :43px; width :30px; height:30px;">
<img src=../pub/rail/R1000.gif>
</div>
<div id=_js_layer_10 style="position:absolute; left :0px; top :112px; width :30px; height:30px;">
<img src=../pub/rail/R10315.gif>
</div>
<div id=_js_layer_11 style="position:absolute; left :266px; top :453px; width :30px; height:30px;">
<img src=../pub/rail/R20C00.gif>
</div>
<div id=_js_layer_12 style="position:absolute; left :224px; top :576px; width :30px; height:30px;">
<img src=../pub/rail/R10180.gif>
</div>
<div id=_js_layer_13 style="position:absolute; left :264px; top :482px; width :30px; height:30px;">
<img src=../pub/rail/R13A180.gif>
</div>
</div>
}}}}}}
[[折り返しの合成]]により、様々なレイアウトを派生させられる。
折り返しを合成した例。
#html2(){{{{{{
<div id=spacer style="position:relative;width:400px;height:818px;">
<div id=_js_layer_0 onmousedown="pickup('_js_layer_0',event);return false" style="position:absolute; left :173px; top :129px; width :30px; height:30px;">
<img src=../pub/rail/R1600.gif>
</div>
<div id=_js_layer_1 onmousedown="pickup('_js_layer_1',event);return false" style="position:absolute; left :109px; top :120px; width :30px; height:30px;">
<img src=../pub/rail/R03R315.gif>
</div>
<div id=_js_layer_2 onmousedown="pickup('_js_layer_2',event);return false" style="position:absolute; left :37px; top :117px; width :30px; height:30px;">
<img src=../pub/rail/R03R270.gif>
</div>
<div id=_js_layer_3 onmousedown="pickup('_js_layer_3',event);return false" style="position:absolute; left :35px; top :320px; width :30px; height:30px;">
<img src=../pub/rail/R03R135.gif>
</div>
<div id=_js_layer_4 onmousedown="pickup('_js_layer_4',event);return false" style="position:absolute; left :3px; top :153px; width :30px; height:30px;">
<img src=../pub/rail/R03R225.gif>
</div>
<div id=_js_layer_5 onmousedown="pickup('_js_layer_5',event);return false" style="position:absolute; left :0px; top :268px; width :30px; height:30px;">
<img src=../pub/rail/R03R180.gif>
</div>
<div id=_js_layer_6 onmousedown="pickup('_js_layer_6',event);return false" style="position:absolute; left :197px; top :41px; width :30px; height:30px;">
<img src=../pub/rail/R0500.gif>
</div>
<div id=_js_layer_7 onmousedown="pickup('_js_layer_7',event);return false" style="position:absolute; left :236px; top :0px; width :30px; height:30px;">
<img src=../pub/rail/R0545.gif>
</div>
<div id=_js_layer_8 onmousedown="pickup('_js_layer_8',event);return false" style="position:absolute; left :327px; top :0px; width :30px; height:30px;">
<img src=../pub/rail/R0590.gif>
</div>
<div id=_js_layer_9 onmousedown="pickup('_js_layer_9',event);return false" style="position:absolute; left :390px; top :40px; width :30px; height:30px;">
<img src=../pub/rail/R05135.gif>
</div>
<div id=_js_layer_14 onmousedown="pickup('_js_layer_14',event);return false" style="position:absolute; left :196px; top :273px; width :30px; height:30px;">
<img src=../pub/rail/R03315.gif>
</div>
<div id=_js_layer_15 onmousedown="pickup('_js_layer_15',event);return false" style="position:absolute; left :416px; top :132px; width :30px; height:30px;">
<img src=../pub/rail/R04180.gif>
</div>
<div id=_js_layer_16 onmousedown="pickup('_js_layer_16',event);return false" style="position:absolute; left :204px; top :338px; width :30px; height:30px;">
<img src=../pub/rail/R11LR270.gif>
</div>
<div id=_js_layer_17 onmousedown="pickup('_js_layer_17',event);return false" style="position:absolute; left :5px; top :225px; width :30px; height:30px;">
<img src=../pub/rail/R02180.gif>
</div>
<div id=_js_layer_18 onmousedown="pickup('_js_layer_18',event);return false" style="position:absolute; left :323px; top :359px; width :30px; height:30px;">
<img src=../pub/rail/R0390.gif>
</div>
<div id=_js_layer_19 onmousedown="pickup('_js_layer_19',event);return false" style="position:absolute; left :155px; top :361px; width :30px; height:30px;">
<img src=../pub/rail/R02270.gif>
</div>
<div id=_js_layer_20 onmousedown="pickup('_js_layer_20',event);return false" style="position:absolute; left :134px; top :360px; width :30px; height:30px;">
<img src=../pub/rail/R20B90.gif>
</div>
<div id=_js_layer_21 onmousedown="pickup('_js_layer_21',event);return false" style="position:absolute; left :109px; top :361px; width :30px; height:30px;">
<img src=../pub/rail/R20A90.gif>
</div>
<div id=_js_layer_22 onmousedown="pickup('_js_layer_22',event);return false" style="position:absolute; left :414px; top :227px; width :30px; height:30px;">
<img src=../pub/rail/R13BR00.gif>
</div>
<div id=_js_layer_23 onmousedown="pickup('_js_layer_23',event);return false" style="position:absolute; left :391px; top :372px; width :30px; height:30px;">
<img src=../pub/rail/R11R180.gif>
</div>
<div id=_js_layer_24 onmousedown="pickup('_js_layer_24',event);return false" style="position:absolute; left :299px; top :364px; width :30px; height:30px;">
<img src=../pub/rail/R20C90.gif>
</div>
<div id=_js_layer_25 onmousedown="pickup('_js_layer_25',event);return false" style="position:absolute; left :415px; top :322px; width :30px; height:30px;">
<img src=../pub/rail/R02180.gif>
</div>
<div id=_js_layer_26 onmousedown="pickup('_js_layer_26',event);return false" style="position:absolute; left :390px; top :467px; width :30px; height:30px;">
<img src=../pub/rail/R13AR180.gif>
</div>
<div id=_js_layer_28 onmousedown="pickup('_js_layer_28',event);return false" style="position:absolute; left :406px; top :718px; width :30px; height:30px;">
<img src=../pub/rail/R20D00.gif>
</div>
<div id=_js_layer_29 onmousedown="pickup('_js_layer_29',event);return false" style="position:absolute; left :349px; top :561px; width :30px; height:30px;">
<img src=../pub/rail/R10180.gif>
</div>
</div>
}}}}}}
