@fps-games/vfx 0.1.1 → 0.3.3

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

@@ -1,401 +0,0 @@
-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 VehicleUpgradeParams 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: VehicleUpgradeParams = {
-  lifetime: 1.8,
-  scale: 1,
-  initialHeight: 0.02,
-  color: { r: 1, g: 0.84, b: 0.12 },
-  opacity: 1,
-  scaleX: 1,
-  scaleY: 1,
-  scaleZ: 1,
-  centerCount: 46,
-  outlineCount: 150,
-  strandWidth: 0.035,
-  riseSpeed: 1.15,
-  centerSpread: 0.92,
-  outlineThickness: 0.18,
-  glowOpacity: 0.62,
-};
-
-export const vehicleUpgradeEffectPackage: VfxEffectPackage<VehicleUpgradeParams> = {
-  id: 'vehicle-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: VehicleUpgradeParams,
-  mode: 'center' | 'outline',
-): ParticleSystem {
-  const count = Math.max(0, Math.round(mode === 'center' ? params.centerCount : params.outlineCount));
-  const system = new ParticleSystem(`vehicle-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: VehicleUpgradeParams): ParticleSystem {
-  const count = Math.max(1, Math.round(params.outlineCount * 0.82));
-  const system = new ParticleSystem('vehicle-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: VehicleUpgradeParams): 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: VehicleUpgradeParams): 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: VehicleUpgradeParams): number {
-  return BASE_FOOTPRINT_X * Math.max(0.05, params.scale) * Math.max(0.05, params.scaleX);
-}
-
-function getFootprintZ(params: VehicleUpgradeParams): number {
-  return BASE_FOOTPRINT_Z * Math.max(0.05, params.scale) * Math.max(0.05, params.scaleZ);
-}
-
-function getVerticalScale(params: VehicleUpgradeParams): number {
-  return Math.max(0.05, params.scale) * Math.max(0.05, params.scaleY);
-}
-
-function getHorizontalScale(params: VehicleUpgradeParams): number {
-  return Math.max(0.05, params.scale) * Math.max(0.05, (params.scaleX + params.scaleZ) * 0.5);
-}
-
-function getCenterHeight(params: VehicleUpgradeParams): number {
-  return BASE_CENTER_HEIGHT * getVerticalScale(params);
-}
-
-function getOutlineHeight(params: VehicleUpgradeParams): number {
-  return BASE_OUTLINE_HEIGHT * getVerticalScale(params);
-}
-
-function getMaxStrandHeight(params: VehicleUpgradeParams): number {
-  return Math.max(getCenterHeight(params), getOutlineHeight(params));
-}
-
-function getStrandTexture(scene: Scene): DynamicTexture {
-  const key = '__vfx_vehicle_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('vehicle_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_vehicle_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('vehicle_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);
-}