优化显示

src/views/Timeline.vue

@@ -77,8 +77,8 @@ const vpRef = ref<HTMLElement | null>(null)
 
 // 时间轴与固定步长模拟统一读取 Store；默认 1 秒 = 30 帧，与 Spine 对齐。
 const fps = computed(() => Math.max(1, store.timeline.fps || 30))
-/** 视口当前能显示的帧数(滚轮缩放它)。视口起点恒为第 0 帧,不滚动 */
-const viewFrames = ref(51)
+/** 视口当前能显示的帧数(滚轮缩放它)。默认显示 0～120f，起点恒为第 0 帧。 */
+const viewFrames = ref(120)
 // 拖动期间只更新本地预览值，松手后再一次性写回配置。
 // 避免 pointermove 每一帧都触发 Stage 清缓存、重置粒子模拟。
 const draftDelays = ref<Record<number, number>>({})

网页粒子系统阶段六.md

@@ -262,6 +262,8 @@ Spine 骨架创建入口在本阶段仅保留占位，尚未创建实际骨架
 
 时间轴显示、秒数与帧数换算、拖动吸附、总帧数计算、粒子固定步长模拟和发射器路径跟随均读取同一个帧率配置，不再单独写死 60 FPS。
 
+时间轴视口默认显示 `0～120f`，相当于 4 秒可视范围；实际系统总帧数仍根据发射时长和最长粒子生命动态计算，滚轮可继续缩放显示范围。
+
 ### 7.2 粒子属性与时间轴总长度
 
 时间轴总帧数根据各粒子系统最晚消失时间计算：