ティラノスクリプトのDOM構成まとめ
code:html
<div id="tyrano_base" class="tyrano_base" style="overflow: hidden; transform-origin: 0px 0px; margin: 0px; width: 1280px; height: 720px; background-color: rgb(0, 0, 0); position: absolute; -webkit-font-smoothing: subpixel-antialiased; left: 0px; top: 50.5px; transform: scale(1.13828);" unselectable="on" ondragstart="return false">
<div id="root_layer_game" class="root_layer_game">
<div class="layer base_fore layer_fore layer_camera" l_visible="true" style="width: 1280px; height: 720px; position: absolute;"></div>
<div class="layer base_back layer_back layer_camera" style="display: none; width: 1280px; height: 720px; position: absolute;" l_visible="true"></div>
<div class="layer 0_fore layer_fore layer_camera" l_visible="true" style="width: 1280px; height: 720px; position: absolute; display: none; z-index: 10;"></div>
<div class="layer 0_back layer_back layer_camera" style="display: none; width: 1280px; height: 720px; position: absolute; z-index: 10;" l_visible="true"></div>
<div class="layer 1_fore layer_fore layer_camera" l_visible="true" style="width: 1280px; height: 720px; position: absolute; display: none; z-index: 11;"></div>
<div class="layer 1_back layer_back layer_camera" style="display: none; width: 1280px; height: 720px; position: absolute; z-index: 11;" l_visible="true"></div>
<div class="layer 2_fore layer_fore layer_camera" l_visible="true" style="width: 1280px; height: 720px; position: absolute; display: none; z-index: 12;"></div>
<div class="layer 2_back layer_back layer_camera" style="display: none; width: 1280px; height: 720px; position: absolute; z-index: 12;" l_visible="true"></div>
<div class="layer 3_fore layer_fore layer_camera" l_visible="true" style="width: 1280px; height: 720px; position: absolute; display: none; z-index: 13;"></div>
<div class="layer 3_back layer_back layer_camera" style="display: none; width: 1280px; height: 720px; position: absolute; z-index: 13;" l_visible="true"></div>
<div class="layer 4_fore layer_fore layer_camera" l_visible="true" style="width: 1280px; height: 720px; position: absolute; display: none; z-index: 14;"></div>
<div class="layer 4_back layer_back layer_camera" style="display: none; width: 1280px; height: 720px; position: absolute; z-index: 14;" l_visible="true"></div>
</div>
<div id="root_layer_system" class="root_layer_system">
<div class="layer layer_event_click" style="z-index: 9999; width: 1280px; height: 720px; position: absolute; display: none;"></div>
<div class="layer layer_menu" style="z-index: 1000000000; display: none; width: 1280px; height: 720px; position: absolute;" align="center"></div>
<div class="layer layer_free" style="z-index: 9998; display: none; width: 1280px; height: 720px; position: absolute;"></div>
<div class="layer message0_fore layer_fore" l_visible="true" style="width: 1280px; height: 720px; position: absolute;">
<div class="message_outer" style="background-color: rgb(0, 0, 0); opacity: 0.501961; left: 16px; top: 16px; width: 1248px; height: 688px; z-index: 100; position: absolute;"></div>
<div class="message_inner" style="z-index: 1001; position: absolute; left: 26px; top: 26px; width: 1238px; height: 678px;"></div>
</div>
<div class="layer message0_back layer_back" style="display: none; width: 1280px; height: 720px; position: absolute;" l_visible="true"></div>
<div class="layer message1_fore layer_fore" l_visible="false" style="width: 1280px; height: 720px; position: absolute; display: none;">
<div class="message_outer" style="background-color: rgb(0, 0, 0); opacity: 0.501961; left: 16px; top: 16px; width: 1248px; height: 688px; z-index: 100; position: absolute;"></div>
<div class="message_inner" style="z-index: 1001; position: absolute; left: 26px; top: 26px; width: 1238px; height: 678px;"></div>
</div>
<div class="layer message1_back layer_back" style="display: none; width: 1280px; height: 720px; position: absolute;" l_visible="true"></div>
</div>
<div class="button_menu" style="z-index: 100000000; left: 1245px; top: 685px; display: none;"><img src="./tyrano/images/system/button_menu.png"></div>
</div>
<div id="tyrano_base" class="tyrano_base"~ ティラノスクリプトのゲーム画面本体はここ
<div id="root_layer_game" class="root_layer_game"> 背景レイヤー、前景レイヤーはここ
<div class="layer base_fore layer_fore layer_camera" ~ 背景レイヤー 背景画像はbackground-imageとして指定される
<div class="layer 0_fore layer_fore layer_camera" ~ 前景レイヤー(表) 0_foreの数字部分がレイヤー番号
<div class="layer 0_back layer_back layer_camera" ~ 前景レイヤー(裏) 0_backの数字部分がレイヤー番号
<div id="root_layer_system" class="root_layer_system"> メッセージレイヤーはここ
<div class="layer layer_event_click" ~ クリックでメッセージ進行を受け付けるレイヤー
<div class="layer layer_menu" ~ メニュー画面はここに表示された気がする
<div class="layer layer_free" ~ フリーレイヤー fixじゃないボタンはここ
<div class="layer message0_fore layer_fore" ~ メッセージレイヤー(表)message0_foreの数字部分がレイヤー番号
<div class="layer message0_back layer_fore" ~ メッセージレイヤー(裏)message0_backの数字部分がレイヤー番号
<div class="button_menu"~ メニューボタン(歯車ボタン)はここ
<img src="" class="fixlayer ~ fixボタンたち classにfixlayerが指定されている