Improve map editor workflow controls

This commit is contained in:
2026-06-10 01:20:39 +08:00
parent 078e131381
commit 8050ab2c5e
5 changed files with 201 additions and 27 deletions
+21 -7
View File
@@ -13,19 +13,23 @@
<p>编辑游戏运行时使用的 Frostbite2D .map 文本地图。</p>
</div>
<div class="header-actions">
<button id="undoButton" type="button" disabled>撤回</button>
<button id="loadSampleButton" type="button">加载 stage_01.map</button>
<label class="file-button">
打开 .map
<input id="fileInput" type="file" accept=".map,text/plain">
</label>
<button id="downloadButton" type="button">下载 .map</button>
<button id="downloadButton" type="button" class="primary-button">保存并下载</button>
</div>
</header>
<main class="editor-shell">
<aside class="panel left-panel">
<section>
<h2>地图</h2>
<section class="tool-card">
<div class="section-title">
<h2>地图设置</h2>
<span>基础参数</span>
</div>
<div class="field-grid">
<label>
地图 ID
@@ -57,8 +61,11 @@
</div>
</section>
<section>
<h2>新增</h2>
<section class="tool-card">
<div class="section-title">
<h2>新增对象</h2>
<span>放到当前视图中心</span>
</div>
<div class="button-grid">
<button id="addTilesetButton" type="button">图块集</button>
<button id="addLayerButton" type="button">图层</button>
@@ -73,8 +80,11 @@
</div>
</section>
<section class="object-section">
<h2>对象</h2>
<section class="tool-card object-section">
<div class="section-title">
<h2>对象列表</h2>
<span>点击选择后可拖动</span>
</div>
<div id="objectList" class="object-list"></div>
</section>
</aside>
@@ -92,6 +102,10 @@
<h2>选中对象</h2>
<div id="selectionSummary" class="selection-summary">未选择对象。</div>
<div id="propertyPanel" class="property-panel"></div>
<div class="layer-actions">
<button id="moveLayerUpButton" type="button">图层上移</button>
<button id="moveLayerDownButton" type="button">图层下移</button>
</div>
<button id="deleteButton" type="button" class="danger-button">删除选中对象</button>
</section>