@fps-games/vfx 0.1.1

package/packages/effects/conveyor-upgrade/index.ts

@@ -0,0 +1,401 @@
+import { Color4 } from '@babylonjs/core/Maths/math.color';
+import { Matrix, Vector3 } from '@babylonjs/core/Maths/math.vector';
+import { DynamicTexture } from '@babylonjs/core/Materials/Textures/dynamicTexture';
+import type { TransformNode } from '@babylonjs/core/Meshes/transformNode';
+import type { Particle } from '@babylonjs/core/Particles/particle';
+import { ParticleSystem } from '@babylonjs/core/Particles/particleSystem';
+import type { Scene } from '@babylonjs/core/scene';
+import type { VfxColorValue, VfxEffectPackage, VfxParamValues } from '../../types';
+import { configureVfxParticleSystem } from '../../rendering';
+import manifest from './effect.json';
+
+interface ConveyorUpgradeParams extends VfxParamValues {
+  lifetime: number;
+  scale: number;
+  initialHeight: number;
+  color: VfxColorValue;
+  opacity: number;
+  scaleX: number;
+  scaleY: number;
+  scaleZ: number;
+  centerCount: number;
+  outlineCount: number;
+  strandWidth: number;
+  riseSpeed: number;
+  centerSpread: number;
+  outlineThickness: number;
+  glowOpacity: number;
+}
+
+const BASE_FOOTPRINT_X = 3.2;
+const BASE_FOOTPRINT_Z = 2.6;
+const BASE_CENTER_HEIGHT = 2.2;
+const BASE_OUTLINE_HEIGHT = 3.1;
+const BASE_GLOW_THICKNESS = 0.38;
+
+const DEFAULT_PARAMS: ConveyorUpgradeParams = {
+  lifetime: 1.8,
+  scale: 1,
+  initialHeight: 0.02,
+  color: { r: 1, g: 0.84, b: 0.12 },
+  opacity: 1,
+  scaleX: 1.35,
+  scaleY: 0.35,
+  scaleZ: 0.55,
+  centerCount: 46,
+  outlineCount: 150,
+  strandWidth: 0.035,
+  riseSpeed: 1.15,
+  centerSpread: 0.92,
+  outlineThickness: 0.18,
+  glowOpacity: 0.62,
+};
+
+export const conveyorUpgradeEffectPackage: VfxEffectPackage<ConveyorUpgradeParams> = {
+  id: 'conveyor-upgrade',
+  nameZh: '传送带升级光效',
+  manifest,
+  defaultParams: DEFAULT_PARAMS,
+  debugAnchor: 'playerRight',
+  debugParams: [
+    { key: 'lifetime', label: '生命周期', kind: 'lifetime', min: 0.2, max: 6, step: 0.01 },
+    { key: 'scale', label: '整体缩放', kind: 'scale', min: 0.1, max: 6, step: 0.01 },
+    { key: 'initialHeight', label: '初始高度', kind: 'number', min: -1, max: 3, step: 0.01 },
+    { key: 'color', label: '光效颜色', kind: 'color' },
+    { key: 'opacity', label: '透明度', kind: 'opacity', min: 0, max: 1, step: 0.01 },
+    { key: 'scaleX', label: 'X 轴缩放', kind: 'number', min: 0.1, max: 6, step: 0.01 },
+    { key: 'scaleY', label: 'Y 轴缩放', kind: 'number', min: 0.1, max: 6, step: 0.01 },
+    { key: 'scaleZ', label: 'Z 轴缩放', kind: 'number', min: 0.1, max: 6, step: 0.01 },
+    { key: 'centerCount', label: '中心光丝数量', kind: 'number', min: 0, max: 240, step: 1 },
+    { key: 'outlineCount', label: '轮廓光丝数量', kind: 'number', min: 0, max: 420, step: 1 },
+    { key: 'strandWidth', label: '光丝粗细', kind: 'number', min: 0.005, max: 0.2, step: 0.001 },
+    { key: 'riseSpeed', label: '上升速度', kind: 'number', min: 0, max: 5, step: 0.01 },
+    { key: 'centerSpread', label: '中心散布', kind: 'number', min: 0, max: 1.5, step: 0.01 },
+    { key: 'outlineThickness', label: '轮廓厚度', kind: 'number', min: 0, max: 1, step: 0.01 },
+    { key: 'glowOpacity', label: '光幕强度', kind: 'opacity', min: 0, max: 1, step: 0.01 },
+  ],
+  create({ scene, root, position, params }) {
+    root.position.copyFrom(position).addInPlace(new Vector3(0, params.initialHeight, 0));
+
+    const centerStrands = createStrandSystem(scene, root, params, 'center');
+    const outlineStrands = createStrandSystem(scene, root, params, 'outline');
+    const glow = createOutlineGlow(scene, root, params);
+    let disposed = false;
+    const disposeTimer = window.setTimeout(
+      () => disposeAll(),
+      Math.max(0.05, params.lifetime + getMaxStrandHeight(params) / Math.max(0.1, params.riseSpeed) * 0.18 + 0.45) * 1000,
+    );
+
+    centerStrands.start();
+    outlineStrands.start();
+    glow.start();
+
+    return {
+      root,
+      dispose() {
+        disposeAll();
+      },
+    };
+
+    function disposeAll(): void {
+      if (disposed) return;
+      disposed = true;
+      window.clearTimeout(disposeTimer);
+      centerStrands.dispose(false);
+      outlineStrands.dispose(false);
+      glow.dispose(false);
+      root.dispose();
+    }
+  },
+};
+
+function createStrandSystem(
+  scene: Scene,
+  root: TransformNode,
+  params: ConveyorUpgradeParams,
+  mode: 'center' | 'outline',
+): ParticleSystem {
+  const count = Math.max(0, Math.round(mode === 'center' ? params.centerCount : params.outlineCount));
+  const system = new ParticleSystem(`conveyor-upgrade.${mode}-strands`, Math.max(1, count), scene);
+  const color = params.color;
+  const brightColor = getBrightColor(color);
+  const height = mode === 'center' ? getCenterHeight(params) : getOutlineHeight(params);
+  const width = params.strandWidth * getHorizontalScale(params) * (mode === 'center' ? 1.35 : 0.92);
+
+  configureVfxParticleSystem(system);
+  system.particleTexture = getStrandTexture(scene);
+  system.emitter = root as any;
+  system.manualEmitCount = count;
+  system.emitRate = count * 60;
+  system.targetStopDuration = 0.04;
+  system.disposeOnStop = false;
+  system.updateSpeed = 1 / 60;
+  system.minLifeTime = Math.max(0.12, params.lifetime * (mode === 'center' ? 0.48 : 0.62));
+  system.maxLifeTime = Math.max(system.minLifeTime + 0.01, params.lifetime * (mode === 'center' ? 0.86 : 1.08));
+  system.minSize = Math.max(0.01, height * 0.34);
+  system.maxSize = Math.max(system.minSize, height * (mode === 'center' ? 0.72 : 0.98));
+  system.minScaleX = Math.max(0.02, width);
+  system.maxScaleX = Math.max(system.minScaleX, width * 1.8);
+  system.minScaleY = 1;
+  system.maxScaleY = mode === 'center' ? 1.45 : 1.75;
+  system.minEmitPower = Math.max(0.01, params.riseSpeed * getVerticalScale(params) * (mode === 'center' ? 0.5 : 0.7));
+  system.maxEmitPower = Math.max(system.minEmitPower, params.riseSpeed * getVerticalScale(params) * (mode === 'center' ? 1.15 : 1.65));
+  system.gravity = new Vector3(0, 0.38 * getVerticalScale(params), 0);
+  system.blendMode = ParticleSystem.BLENDMODE_ADD;
+  system.color1 = toColor4(color, params.opacity * (mode === 'center' ? 0.72 : 0.86));
+  system.color2 = toColor4(brightColor, params.opacity);
+  system.colorDead = toColor4(color, 0);
+  system.addColorGradient(0, toColor4(color, 0));
+  system.addColorGradient(0.12, toColor4(brightColor, params.opacity));
+  system.addColorGradient(0.72, toColor4(color, params.opacity * 0.62));
+  system.addColorGradient(1, toColor4(color, 0));
+  system.addVelocityGradient(0, 1);
+  system.addVelocityGradient(0.65, 0.55);
+  system.addVelocityGradient(1, 0.12);
+
+  let positionIndex = 0;
+  let directionIndex = 0;
+  system.startPositionFunction = (worldMatrix: Matrix, positionToUpdate: Vector3, particle: Particle, isLocal: boolean) => {
+    const index = particle.id + positionIndex;
+    positionIndex += 1;
+    const local = mode === 'center'
+      ? sampleCenterPosition(index, params)
+      : sampleOutlinePosition(index, params);
+    if (isLocal) positionToUpdate.copyFrom(local);
+    else Vector3.TransformCoordinatesToRef(local, worldMatrix, positionToUpdate);
+  };
+  system.startDirectionFunction = (worldMatrix: Matrix, directionToUpdate: Vector3, particle: Particle, isLocal: boolean) => {
+    const index = particle.id + directionIndex;
+    directionIndex += 1;
+    const sway = (mode === 'center' ? 0.22 : 0.12) * getHorizontalScale(params);
+    const local = new Vector3(
+      (sequence01(index, 4) - 0.5) * sway,
+      0.8 + sequence01(index, 5) * 0.65,
+      (sequence01(index, 6) - 0.5) * sway,
+    );
+    if (isLocal) directionToUpdate.copyFrom(local);
+    else Vector3.TransformNormalToRef(local, worldMatrix, directionToUpdate);
+  };
+
+  return system;
+}
+
+function createOutlineGlow(scene: Scene, root: TransformNode, params: ConveyorUpgradeParams): ParticleSystem {
+  const count = Math.max(1, Math.round(params.outlineCount * 0.82));
+  const system = new ParticleSystem('conveyor-upgrade.outline-glow-rays', count, scene);
+  const height = getOutlineHeight(params) * 1.06;
+  const glowWidth = Math.max(0.04, BASE_GLOW_THICKNESS * getHorizontalScale(params));
+  const alpha = params.glowOpacity * params.opacity;
+  const brightColor = getBrightColor(params.color);
+
+  configureVfxParticleSystem(system);
+  system.particleTexture = getOutlineGlowTexture(scene);
+  system.emitter = root as any;
+  system.manualEmitCount = count;
+  system.emitRate = count * 60;
+  system.targetStopDuration = 0.04;
+  system.disposeOnStop = false;
+  system.updateSpeed = 1 / 60;
+  system.minLifeTime = Math.max(0.12, params.lifetime * 0.62);
+  system.maxLifeTime = Math.max(system.minLifeTime + 0.01, params.lifetime * 1.08);
+  system.minSize = Math.max(0.01, height * 0.42);
+  system.maxSize = Math.max(system.minSize, height * 1.08);
+  system.minScaleX = glowWidth * 0.42;
+  system.maxScaleX = glowWidth * 1.18;
+  system.minScaleY = 1.05;
+  system.maxScaleY = 1.75;
+  system.minEmitPower = Math.max(0.01, params.riseSpeed * getVerticalScale(params) * 0.58);
+  system.maxEmitPower = Math.max(system.minEmitPower, params.riseSpeed * getVerticalScale(params) * 1.38);
+  system.gravity = new Vector3(0, 0.3 * getVerticalScale(params), 0);
+  system.blendMode = ParticleSystem.BLENDMODE_ADD;
+  system.color1 = toColor4(params.color, alpha * 0.62);
+  system.color2 = toColor4(brightColor, alpha * 0.86);
+  system.colorDead = toColor4(params.color, 0);
+  system.addColorGradient(0, toColor4(params.color, 0));
+  system.addColorGradient(0.1, toColor4(brightColor, alpha * 0.82));
+  system.addColorGradient(0.56, toColor4(params.color, alpha * 0.52));
+  system.addColorGradient(1, toColor4(params.color, 0));
+  system.addVelocityGradient(0, 1);
+  system.addVelocityGradient(0.65, 0.52);
+  system.addVelocityGradient(1, 0.12);
+
+  let positionIndex = 0;
+  let directionIndex = 0;
+  system.startPositionFunction = (worldMatrix: Matrix, positionToUpdate: Vector3, particle: Particle, isLocal: boolean) => {
+    const index = particle.id + positionIndex + 31;
+    positionIndex += 1;
+    const local = sampleOutlinePosition(index, params);
+    if (isLocal) positionToUpdate.copyFrom(local);
+    else Vector3.TransformCoordinatesToRef(local, worldMatrix, positionToUpdate);
+  };
+  system.startDirectionFunction = (worldMatrix: Matrix, directionToUpdate: Vector3, particle: Particle, isLocal: boolean) => {
+    const index = particle.id + directionIndex + 31;
+    directionIndex += 1;
+    const sway = 0.08 * getHorizontalScale(params);
+    const local = new Vector3(
+      (sequence01(index, 4) - 0.5) * sway,
+      0.82 + sequence01(index, 5) * 0.58,
+      (sequence01(index, 6) - 0.5) * sway,
+    );
+    if (isLocal) directionToUpdate.copyFrom(local);
+    else Vector3.TransformNormalToRef(local, worldMatrix, directionToUpdate);
+  };
+
+  return system;
+}
+
+function sampleCenterPosition(index: number, params: ConveyorUpgradeParams): Vector3 {
+  const angle = sequence01(index, 0) * Math.PI * 2;
+  const radius = Math.sqrt(0.16 + sequence01(index, 1) * 0.84);
+  const xRadius = getFootprintX(params) * 0.5 * params.centerSpread;
+  const zRadius = getFootprintZ(params) * 0.5 * params.centerSpread;
+  const jitterX = (sequence01(index, 7) - 0.5) * xRadius * 0.18;
+  const jitterZ = (sequence01(index, 8) - 0.5) * zRadius * 0.18;
+  const x = Math.cos(angle) * radius * xRadius + jitterX;
+  const z = Math.sin(angle) * radius * zRadius + jitterZ;
+  const y = sequence01(index, 2) * 0.12 * getVerticalScale(params);
+  return new Vector3(x, y, z);
+}
+
+function sampleOutlinePosition(index: number, params: ConveyorUpgradeParams): Vector3 {
+  const width = getFootprintX(params);
+  const depth = getFootprintZ(params);
+  const perimeter = Math.max(0.001, width * 2 + depth * 2);
+  const distance = sequence01(index, 0) * perimeter;
+  const jitter = (sequence01(index, 1) - 0.5) * params.outlineThickness * getHorizontalScale(params);
+  const y = sequence01(index, 2) * 0.16 * getVerticalScale(params);
+
+  if (distance < width) return new Vector3(-width * 0.5 + distance, y, -depth * 0.5 + jitter);
+  if (distance < width + depth) return new Vector3(width * 0.5 + jitter, y, -depth * 0.5 + distance - width);
+  if (distance < width * 2 + depth) return new Vector3(width * 0.5 - (distance - width - depth), y, depth * 0.5 + jitter);
+  return new Vector3(-width * 0.5 + jitter, y, depth * 0.5 - (distance - width * 2 - depth));
+}
+
+function getFootprintX(params: ConveyorUpgradeParams): number {
+  return BASE_FOOTPRINT_X * Math.max(0.05, params.scale) * Math.max(0.05, params.scaleX);
+}
+
+function getFootprintZ(params: ConveyorUpgradeParams): number {
+  return BASE_FOOTPRINT_Z * Math.max(0.05, params.scale) * Math.max(0.05, params.scaleZ);
+}
+
+function getVerticalScale(params: ConveyorUpgradeParams): number {
+  return Math.max(0.05, params.scale) * Math.max(0.05, params.scaleY);
+}
+
+function getHorizontalScale(params: ConveyorUpgradeParams): number {
+  return Math.max(0.05, params.scale) * Math.max(0.05, (params.scaleX + params.scaleZ) * 0.5);
+}
+
+function getCenterHeight(params: ConveyorUpgradeParams): number {
+  return BASE_CENTER_HEIGHT * getVerticalScale(params);
+}
+
+function getOutlineHeight(params: ConveyorUpgradeParams): number {
+  return BASE_OUTLINE_HEIGHT * getVerticalScale(params);
+}
+
+function getMaxStrandHeight(params: ConveyorUpgradeParams): number {
+  return Math.max(getCenterHeight(params), getOutlineHeight(params));
+}
+
+function getStrandTexture(scene: Scene): DynamicTexture {
+  const key = '__vfx_conveyor_upgrade_strand_texture';
+  const metadata = scene.metadata && typeof scene.metadata === 'object' ? scene.metadata as Record<string, unknown> : {};
+  scene.metadata = metadata;
+  const existing = metadata[key] as DynamicTexture | undefined;
+  if (existing) return existing;
+
+  const texture = new DynamicTexture('conveyor_upgrade_strand_texture', { width: 48, height: 192 }, scene, true);
+  const context = texture.getContext();
+  context.clearRect(0, 0, 48, 192);
+  const glow = context.createLinearGradient(0, 0, 0, 192);
+  glow.addColorStop(0, 'rgba(255, 255, 255, 0)');
+  glow.addColorStop(0.18, 'rgba(255, 255, 255, 0.92)');
+  glow.addColorStop(0.62, 'rgba(255, 255, 255, 0.52)');
+  glow.addColorStop(1, 'rgba(255, 255, 255, 0)');
+  context.fillStyle = glow;
+  context.fillRect(19, 0, 10, 192);
+  context.fillStyle = 'rgba(255, 255, 255, 0.95)';
+  context.fillRect(23, 8, 2, 168);
+  const halo = context.createRadialGradient(24, 64, 0, 24, 64, 24);
+  halo.addColorStop(0, 'rgba(255, 255, 255, 0.5)');
+  halo.addColorStop(1, 'rgba(255, 255, 255, 0)');
+  context.fillStyle = halo;
+  context.fillRect(0, 16, 48, 96);
+  texture.hasAlpha = true;
+  texture.update(false);
+  metadata[key] = texture;
+  return texture;
+}
+
+function getOutlineGlowTexture(scene: Scene): DynamicTexture {
+  const key = '__vfx_conveyor_upgrade_outline_glow_texture';
+  const metadata = scene.metadata && typeof scene.metadata === 'object' ? scene.metadata as Record<string, unknown> : {};
+  scene.metadata = metadata;
+  const existing = metadata[key] as DynamicTexture | undefined;
+  if (existing) return existing;
+
+  const texture = new DynamicTexture('conveyor_upgrade_outline_glow_texture', { width: 96, height: 192 }, scene, true);
+  const context = texture.getContext();
+  const compositeContext = context as unknown as CanvasRenderingContext2D;
+  context.clearRect(0, 0, 96, 192);
+  const sideFade = context.createLinearGradient(0, 0, 96, 0);
+  sideFade.addColorStop(0, 'rgba(255, 255, 255, 0)');
+  sideFade.addColorStop(0.28, 'rgba(255, 255, 255, 0.36)');
+  sideFade.addColorStop(0.5, 'rgba(255, 255, 255, 0.78)');
+  sideFade.addColorStop(0.72, 'rgba(255, 255, 255, 0.36)');
+  sideFade.addColorStop(1, 'rgba(255, 255, 255, 0)');
+  const verticalFade = context.createLinearGradient(0, 0, 0, 192);
+  verticalFade.addColorStop(0, 'rgba(255, 255, 255, 0)');
+  verticalFade.addColorStop(0.16, 'rgba(255, 255, 255, 0.65)');
+  verticalFade.addColorStop(0.55, 'rgba(255, 255, 255, 0.46)');
+  verticalFade.addColorStop(1, 'rgba(255, 255, 255, 0)');
+  context.fillStyle = sideFade;
+  context.fillRect(0, 0, 96, 192);
+  compositeContext.globalCompositeOperation = 'source-in';
+  context.fillStyle = verticalFade;
+  context.fillRect(0, 0, 96, 192);
+  compositeContext.globalCompositeOperation = 'source-over';
+  const core = context.createLinearGradient(0, 0, 0, 192);
+  core.addColorStop(0, 'rgba(255, 255, 255, 0)');
+  core.addColorStop(0.22, 'rgba(255, 255, 255, 0.64)');
+  core.addColorStop(0.66, 'rgba(255, 255, 255, 0.28)');
+  core.addColorStop(1, 'rgba(255, 255, 255, 0)');
+  context.fillStyle = core;
+  context.fillRect(44, 8, 8, 166);
+  texture.hasAlpha = true;
+  texture.update(false);
+  metadata[key] = texture;
+  return texture;
+}
+
+function getBrightColor(color: VfxColorValue): VfxColorValue {
+  return {
+    r: lerp(color.r, 1, 0.68),
+    g: lerp(color.g, 1, 0.68),
+    b: lerp(color.b, 1, 0.68),
+  };
+}
+
+function toColor4(color: VfxColorValue, alpha: number): Color4 {
+  return new Color4(clamp01(color.r), clamp01(color.g), clamp01(color.b), clamp01(alpha));
+}
+
+function lerp(min: number, max: number, t: number): number {
+  return min + (max - min) * t;
+}
+
+function clamp01(value: number): number {
+  return Math.min(1, Math.max(0, value));
+}
+
+function fract(value: number): number {
+  return value - Math.floor(value);
+}
+
+function sequence01(index: number, axis: number): number {
+  if (index === 0) return 0.5;
+  const strides = [0.618033988749895, 0.414213562373095, 0.732050807568877, 0.324717957244746, 0.754877666246693, 0.569840290998053];
+  return fract(0.5 + index * strides[axis % strides.length] + axis * 0.173205080756888);
+}

package/packages/effects/conveyor-upgrade/vfx-params.json

@@ -0,0 +1,21 @@
+{
+  "lifetime": 2,
+  "scale": 1,
+  "initialHeight": 0.2,
+  "color": {
+    "r": 0.984313725490196,
+    "g": 1,
+    "b": 0
+  },
+  "opacity": 1,
+  "scaleX": 1.35,
+  "scaleY": 0.35,
+  "scaleZ": 0.55,
+  "centerCount": 60,
+  "outlineCount": 300,
+  "strandWidth": 0.05,
+  "riseSpeed": 3,
+  "centerSpread": 1,
+  "outlineThickness": 0.2,
+  "glowOpacity": 1
+}

package/packages/effects/debris-smoke/index.ts

@@ -0,0 +1,101 @@
+// 碎石烟雾(组合:碎石飞溅 #10 + 爆炸烟雾 #8)。一次性爆点,参数分两段独立调。
+// 碎石段:rock_debris.glb 克隆抛物池;烟雾段:smoke22 STANDARD 上飘粒子。
+import { Mesh } from '@babylonjs/core/Meshes/mesh';
+import { Vector3, Matrix } from '@babylonjs/core/Maths/math.vector';
+import { Color4 } from '@babylonjs/core/Maths/math.color';
+import { ParticleSystem } from '@babylonjs/core/Particles/particleSystem';
+import { SceneLoader } from '@babylonjs/core/Loading/sceneLoader';
+import '@babylonjs/loaders/glTF/2.0/glTFLoader';
+import type { Scene } from '@babylonjs/core/scene';
+import type { VfxEffectPackage, VfxParamValues } from '../../types';
+import { FlyerPool, makeBurstPS } from '../space-shared';
+import rockModelUrl from './assets/models/rock_debris.glb?url';
+import smokeUrl from './assets/textures/smoke22.webp?url';
+
+interface DebrisSmokeParams extends VfxParamValues {
+  // 段1 碎石
+  debrisCount: number; debrisSize: number; debrisRadius: number;
+  // 段2 烟雾
+  smokeCount: number; smokeSize: number;
+}
+
+const DEFAULT_PARAMS: DebrisSmokeParams = {
+  debrisCount: 14, debrisSize: 0.35, debrisRadius: 1.8,
+  smokeCount: 10, smokeSize: 1,
+};
+
+const cachedRockTpls = new WeakMap<Scene, Promise<Mesh[]>>();
+function loadRockTemplates(scene: Scene): Promise<Mesh[]> {
+  const existing = cachedRockTpls.get(scene);
+  if (existing) return existing;
+  const isDataUri = rockModelUrl.startsWith('data:');
+  const lastSlash = isDataUri ? -1 : rockModelUrl.lastIndexOf('/');
+  const rootUrl = lastSlash >= 0 ? rockModelUrl.slice(0, lastSlash + 1) : '';
+  const fileName = lastSlash >= 0 ? rockModelUrl.slice(lastSlash + 1) : rockModelUrl;
+  const promise = SceneLoader.ImportMeshAsync('', rootUrl, fileName, scene, undefined, '.glb').then((res) => {
+    const tpls = res.meshes.filter((m): m is Mesh => m instanceof Mesh && m.getTotalVertices() > 0);
+    for (const r of tpls) {
+      r.setParent(null);
+      const c = r.getBoundingInfo().boundingBox.centerWorld.clone();
+      r.bakeTransformIntoVertices(Matrix.Translation(-c.x, -c.y, -c.z));
+      r.position.set(0, 0, 0); r.setEnabled(false); r.isPickable = false;
+    }
+    return tpls;
+  }).catch((e) => { cachedRockTpls.delete(scene); throw e; });
+  cachedRockTpls.set(scene, promise);
+  return promise;
+}
+
+export const debrisSmokeEffectPackage: VfxEffectPackage<DebrisSmokeParams> = {
+  id: 'debris-smoke',
+  nameZh: '碎石烟雾',
+  debugAnchor: 'playerRight',
+  defaultParams: DEFAULT_PARAMS,
+  debugParams: [
+    // 段1 · 碎石
+    { key: 'debrisCount', label: '碎石·数量', kind: 'number', min: 0, max: 30, step: 1 },
+    { key: 'debrisSize', label: '碎石·大小', kind: 'number', min: 0.1, max: 1, step: 0.01 },
+    { key: 'debrisRadius', label: '碎石·范围', kind: 'scale', min: 0.5, max: 5, step: 0.1 },
+    // 段2 · 烟雾
+    { key: 'smokeCount', label: '烟雾·数量', kind: 'number', min: 0, max: 40, step: 1 },
+    { key: 'smokeSize', label: '烟雾·尺寸', kind: 'scale', min: 0.2, max: 3, step: 0.05 },
+  ],
+
+  create({ scene, root, position, params }) {
+    root.position.copyFrom(position);
+
+    // ── 段2 烟雾(立即发)──────────────────────────────────────────────────────
+    const smokePs = makeBurstPS('vfx_ds_smoke', scene, smokeUrl, {
+      cap: 120, size: [2.2, 4.5], life: [0.9, 1.6], power: [1.5, 4], gravity: new Vector3(0, 1.2, 0),
+      blend: ParticleSystem.BLENDMODE_STANDARD, c1: new Color4(0.5, 0.45, 0.42, 0.65), c2: new Color4(0.32, 0.3, 0.3, 0.5), cd: new Color4(0.2, 0.2, 0.2, 0),
+    });
+    smokePs.minSize *= params.smokeSize; smokePs.maxSize *= params.smokeSize;
+    (smokePs.emitter as Vector3).copyFrom(position);
+    smokePs.manualEmitCount += Math.round(params.smokeCount);
+
+    // ── 段1 碎石(glb 异步加载后抛撒)──────────────────────────────────────────
+    const pool = new FlyerPool(scene);
+    const r = params.debrisRadius;
+    let disposed = false;
+    const ready = (params.debrisCount > 0 ? loadRockTemplates(scene) : Promise.resolve([] as Mesh[])).then((tpls) => {
+      if (disposed || !tpls.length) return;
+      for (let i = 0; i < Math.round(params.debrisCount); i++) {
+        const tpl = tpls[(Math.random() * tpls.length) | 0];
+        const d = tpl.clone('vfx_ds_debris', null, false);
+        if (!d) continue;
+        d.setEnabled(true); d.isPickable = false;
+        d.normalizeToUnitCube();
+        d.scaling.scaleInPlace(r * params.debrisSize * (0.5 + Math.random() * 0.8));
+        pool.spawn(d, position, new Vector3((Math.random() - 0.5) * 13, Math.random() * 6.75 + 2.25, (Math.random() - 0.5) * 13), 7, 1.2);
+      }
+    }).catch((e) => { console.warn('[VFX] debris-smoke load failed', e); });
+
+    const disposeTimer = window.setTimeout(() => disposeAll(), 2200);
+    function disposeAll(): void {
+      if (disposed) return; disposed = true;
+      window.clearTimeout(disposeTimer);
+      pool.dispose(); smokePs.dispose(); root.dispose();
+    }
+    return { root, ready, dispose() { disposeAll(); } };
+  },
+};

package/packages/effects/debris-smoke/vfx-params.json

@@ -0,0 +1,5 @@
+{
+  "schemaVersion": "vfx-params/1.0",
+  "effectId": "debris-smoke",
+  "params": {}
+}