大致修改内容布局 #30

pages/moverow.md

@@ -1,18 +1,47 @@
 # 轨道移动
 
-## 轨道的显示与隐藏
+## 默认轨道位置
 
-轨道在关卡进行的过程中是可以随时调整其显示和隐藏状态的，这个功能可在紫色版块的**隐藏轨道**中找到。打开后有三个设置项：
 
-![](../images/moverow-wyym.png)
+当我们在同一房间里设置了多个轨道的时候，角色位置会自动生成在屏幕上。不同的轨道数量下默认的位置也会不同：
 
-**轨道**：要显示/隐藏的是哪条轨道。注意一次只能选择一个，所以如果需要大批量地显示和隐藏只能一点点加入事件了。
+* 一根轨道在屏幕的`(9.94%, 50.00%)`处
+* 两根轨道在屏幕的`(9.94%, 60.61%)`,`(9.94%, 39.39%)`处
+* 三根轨道在屏幕的`(9.94%, 71.21%)`,`(9.94%, 50.00%)`,`(9.94%, 28.79%)`处
+* 四根轨道在屏幕的`(9.94%, 81.82%)`,`(9.94%, 60.61%)`,`(9.94%, 39.39%)`,`(9.94%, 18.18%)`处
 
-**动作**：四个选项（显示/隐藏/仅显示角色/仅显示轨道），显示和隐藏比较好理解；仅显示角色的意思是没有中间的横线和右边的心脏；仅显示轨道的意思是没有左边的人物图。
+![](../images/settheme-rowposition.png)
 
-> 如果你想要不显示心脏，最简单的办法是使用移动轨道事件将心脏移到屏幕外。如果想要隐藏所有轨道的心脏，也可以通过调用自定义方法 invisibleHeart = true 来实现，参考[自定义方法](../pages/custommethod.md)。
+<div class="theme-positions" id="theme-positions">
+    <div class="column ccharacter"></div>
+    <div class="column c1"></div>
+    <div class="column c2"></div>
+    <div class="column c3"></div>
+    <div class="column c4"></div>
+    <div class="column c5"></div>
+    <div class="column ccenter"></div>
+    <div class="column c6"></div>
+    <div class="column c7"></div>
+    <div class="column cheart"></div>
+    <div class="row r1"></div>
+    <div class="row r2"></div>
+    <div class="row r3"></div>
+    <div class="row r4"></div>
+    <div class="row r5"></div>
+    <div class="row r6"></div>
+    <div class="row r7"></div>
+    <div class="selectbox"></div>
+    <div class="infobox">
+        <p class="per"><span class="x"></span>, <span class="y"></span></p>
+        <p class="px"><span class="x"></span>, <span class="y"></span></p>
+        <p class="other"></p>
+    </div>
+</div>
 
-**过渡方式**：顺滑（有烟雾特效）；即刻（瞬间显示/隐藏）；全动画（仅限“动作”中选择“显示”，有完整的出场及轨道延伸动画）。
+
+此处的坐标原点为屏幕左下角，轨道的参考位置是人物像素画的中心点。如果任其按默认位置排布，会显得有些缺乏设计感。
+
+![](../images/settheme-4rows.png)
 
 ## 轨道的移动