阶段六开发进度

src/views/ParticlePanel.vue

@@ -88,26 +88,26 @@
             <label class="field-block check-field"><span>启用</span><input v-model="activeCollider.enabled" type="checkbox" /></label>
           </div>
           <div class="field-grid">
-            <NumSlider label="X 位置" :min="-2000" :max="2000" :step="1" v-model="activeCollider.x" />
-            <NumSlider label="Y 位置" :min="-2000" :max="2000" :step="1" v-model="activeCollider.y" />
+            <label class="compact-field"><span>X 位置</span><input v-model.number="activeCollider.x" type="number" class="inp" /></label>
+            <label class="compact-field"><span>Y 位置</span><input v-model.number="activeCollider.y" type="number" class="inp" /></label>
           </div>
           <NumSlider label="旋转" :min="-360" :max="360" :step="1" v-model="activeCollider.rotation" />
           <NumSlider v-if="activeCollider.shape === 'circle'" label="半径" :min="1" :max="1000" :step="1" v-model="activeCollider.radius" />
           <div v-else-if="activeCollider.shape === 'ellipse'" class="field-grid">
-            <NumSlider label="X 半径" :min="1" :max="1000" :step="1" v-model="activeCollider.radiusX" />
-            <NumSlider label="Y 半径" :min="1" :max="1000" :step="1" v-model="activeCollider.radiusY" />
+            <label class="compact-field"><span>X 半径</span><input v-model.number="activeCollider.radiusX" type="number" min="1" class="inp" /></label>
+            <label class="compact-field"><span>Y 半径</span><input v-model.number="activeCollider.radiusY" type="number" min="1" class="inp" /></label>
           </div>
           <div v-else class="field-grid">
-            <NumSlider label="宽度" :min="1" :max="2000" :step="1" v-model="activeCollider.width" />
-            <NumSlider label="高度" :min="1" :max="2000" :step="1" v-model="activeCollider.height" />
+            <label class="compact-field"><span>宽度</span><input v-model.number="activeCollider.width" type="number" min="1" class="inp" /></label>
+            <label class="compact-field"><span>高度</span><input v-model.number="activeCollider.height" type="number" min="1" class="inp" /></label>
           </div>
           <NumSlider v-if="activeCollider.shape === 'polygon' || activeCollider.shape === 'custom'" label="边数" :min="3" :max="16" :step="1" v-model="activeCollider.sides" />
           <label class="field-block"><span>碰撞响应</span><select v-model="activeCollider.response" class="inp">
             <option value="physics">物理（弹跳/摩擦）</option><option value="pause">暂停（停止不动）</option><option value="destroy">消失（立即销毁）</option>
           </select></label>
           <div v-if="activeCollider.response === 'physics'" class="field-grid">
-            <NumSlider label="弹性 (0-1)" :min="0" :max="1" :step="0.01" v-model="activeCollider.elasticity" />
-            <NumSlider label="摩擦 (0-1)" :min="0" :max="1" :step="0.01" v-model="activeCollider.friction" />
+            <label class="compact-field"><span>弹性 (0-1)</span><input v-model.number="activeCollider.elasticity" type="number" min="0" max="1" step="0.01" class="inp" /></label>
+            <label class="compact-field"><span>摩擦 (0-1)</span><input v-model.number="activeCollider.friction" type="number" min="0" max="1" step="0.01" class="inp" /></label>
           </div>
           <label class="follow-path"><input v-model="activeCollider.followPath" type="checkbox" />跟随轨道移动</label>
         </template>
@@ -619,8 +619,41 @@
               <div class="modifier-hint">每个粒子生成独立拖尾骨骼链；网格按行列自动重建，并由相邻骨骼权重共同驱动蒙皮变形</div>
             </div>
           </div>
-          <label class="row"><span>碰撞</span><input type="checkbox" v-model="sys.config.collision" /><span class="tag">预留</span></label>
-          <label class="row"><span>路径跟随</span><input type="checkbox" v-model="sys.config.pathFollow" /><span class="tag">预留</span></label>
+          <div class="modifier-item">
+            <label class="switch-row modifier-switch">
+              <input type="checkbox" v-model="sys.config.emitterFollow" />
+              <span class="switch-ui"></span><span>开启发射器跟随 (Emitter Follow)</span>
+            </label>
+            <div v-if="sys.config.emitterFollow" class="modifier-params emitter-follow-params">
+              <label class="field-block"><span>跟随模式</span><select v-model="sys.config.emitterFollowMode" class="inp">
+                <option value="none">无</option>
+                <option value="path">跟随轨道</option>
+              </select></label>
+              <label v-if="sys.config.emitterFollowMode === 'path'" class="field-block"><span>跟随轨道</span><select v-model.number="sys.config.emitterFollowPathId" class="inp">
+                <option :value="0">无</option>
+                <option v-for="path in store.paths" :key="path.id" :value="path.id">{{ path.name }}</option>
+              </select></label>
+              <label class="field-block"><span>发射器角度模式</span><select v-model="sys.config.emitterAngleMode" class="inp">
+                <option value="fixed">固定角度</option>
+                <option value="direction">跟随移动方向</option>
+              </select></label>
+              <div class="gravity-curve-title"><span>移动进度曲线 (0→1)</span></div>
+              <CurveEditor v-model="sys.config.emitterFollowCurve" :default-value="LINEAR_CURVE" />
+              <div class="field-grid follow-grid">
+                <label class="compact-field"><span>移动时长 (s)</span><input v-model.number="sys.config.emitterFollowDuration" type="number" min="0.05" step="0.05" class="inp" /></label>
+                <label class="compact-field"><span>跟随空间</span><select v-model="sys.config.emitterFollowSpace" class="inp">
+                  <option value="local">局部空间（GEN 移动）</option>
+                  <option value="world">世界空间（粒子生成点移动）</option>
+                </select></label>
+              </div>
+              <label class="field-block"><span>移动方向</span><select v-model="sys.config.emitterFollowDirection" class="inp">
+                <option value="forward">正向（起点 → 终点）</option>
+                <option value="reverse">反向（终点 → 起点）</option>
+              </select></label>
+              <NumSlider label="偏移起始点 (0-1)" :min="0" :max="1" :step="0.01" v-model="sys.config.emitterFollowOffset" />
+              <div class="modifier-hint">局部空间会移动整个发射器；世界空间只移动新粒子的生成点，已出生粒子留在世界位置。</div>
+            </div>
+          </div>
           <NumSlider label="阻尼" :min="0" :max="2" :step="0.05" v-model="sys.config.damping" />
         </div>
       </div>
@@ -1207,7 +1240,8 @@ function toggleResourceLock(resourceId: number) {
 .field-block > .inp { width: 100%; box-sizing: border-box; min-height: 30px; }
 .field-block small { color: #5f6d86; line-height: 1.5; }
 .field-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; align-items: end; }
-.field-grid :deep(.num-slider) { min-width: 0; }
+.compact-field { display: flex; min-width: 0; flex-direction: column; gap: 5px; margin: 5px 0; color: #8f9ab3; font-size: 11px; }
+.compact-field .inp { width: 100%; min-height: 30px; box-sizing: border-box; }
 .check-field { align-items: flex-start; }
 .check-field input { width: 18px; height: 18px; margin: 4px 0; accent-color: #4f7ee8; }
 .tag-editor { display: flex; flex-wrap: wrap; gap: 5px; }