fix: 刺放置方向问题

index.html

@@ -142,14 +142,9 @@
           <div class="palette" id="palette"></div>
           <div class="editor-main">
             <div class="editor-bar">
-              <input id="ed-name" placeholder="关卡名" value="MY STAGE">
-              <select id="ed-type">
-                <option value="jump">跳刺</option>
-                <option value="endur">耐久</option>
-                <option value="boss">BOSS</option>
-                <option value="troll">坑向</option>
-              </select>
-              <input id="ed-w" type="number" value="25" min="12" max="120" title="宽度(格)">
+              <input id="ed-name" placeholder="地图名" value="MY MAP">
+              <label class="ed-wh">宽<input id="ed-w" type="number" value="25" min="12" max="160"></label>
+              <label class="ed-wh">高<input id="ed-h" type="number" value="19" min="8" max="80"></label>
               <button class="btn tiny" data-act="ed-resize">调整</button>
               <button class="btn tiny" data-act="ed-fill">铺底</button>
               <button class="btn tiny" data-act="ed-clear">清空</button>
@@ -157,15 +152,20 @@
               <button class="btn tiny go" data-act="ed-save">保存</button>
             </div>
             <canvas id="ed-canvas" width="800" height="608"></canvas>
-            <div class="editor-tip">左键放置 / 右键擦除，滚轮平移。至少要有一个 <b>S</b>(出生点) 和一个 <b>X</b>(终点)。</div>
+            <div class="editor-tip">左键放置 / 右键擦除，滚轮水平平移。<b>不会覆盖已有方块</b>——放在空格才生效，要换掉先擦除。选「⌖ 查看属性」再点方块可只查看不修改。<b>刺</b>只有一个，放好后在右侧「属性」面板调<b>方向（上/下/左/右）</b>；传送门 <b>W</b>、提示牌 <b>T</b>、炮台 <b>O</b>、摄像头 <b>C</b>、BOSS <b>B</b> 的属性也都在这里设置。每面至少 1 个 <b>S</b>(出生点) 与 1 个 <b>X</b>(终点)。</div>
           </div>
           <div class="editor-side">
-            <h3>我的关卡</h3>
+            <h3>属性（选中方块）</h3>
+            <div id="ed-props"><div class="prop-empty">点击画布上的方块，查看并设置它的属性</div></div>
+            <h3>我的地图</h3>
             <div id="my-levels"></div>
-            <h3 style="margin-top:14px">导入 / 导出</h3>
-            <textarea id="ed-json" placeholder="粘贴关卡 JSON 后点导入"></textarea>
-            <button class="btn tiny" data-act="ed-import">导入</button>
-            <button class="btn tiny" data-act="ed-export">导出选中</button>
+            <h3>面（多面地图）</h3>
+            <div class="face-btns">
+              <button class="btn tiny" data-act="ed-addface">+ 新增面</button>
+              <button class="btn tiny" data-act="ed-copyface">复制面</button>
+              <button class="btn tiny" data-act="ed-delface">删除面</button>
+            </div>
+            <div id="ed-faces"></div>
           </div>
         </div>
       </div>