@zylem/behaviors 0.2.0 → 0.3.0

package/dist/{chunk-POZER3MQ.js → chunk-VPZ32CCD.js}

@@ -1,29 +1,23 @@
 import {
-  createParticleMaterial,
-  createRangeValue,
-  createTextureSystemOptions,
+  Particles,
   electricityPresets,
   firePresets,
   gasPresets,
   magicPresets,
   particleEffect,
-  toColorVector,
   waterPresets
-} from "./chunk-GYURWCIQ.js";
+} from "./chunk-WSKD7GY3.js";
 import {
   VEC3_ZERO,
   normalizeVec3,
   toThreeVector3
-} from "./chunk-WWVD5DR5.js";
+} from "./chunk-RHW3IDQX.js";
 import {
   defineBehavior
-} from "./chunk-EZNCCO4L.js";
+} from "./chunk-YDLO5M7S.js";
 
 // src/lib/behaviors/particle-emitter/particle-emitter.descriptor.ts
 import { Group, Quaternion, Vector3 } from "three";
-import {
-  BatchedRenderer
-} from "three.quarks";
 function getRefGlobals(ref) {
   return ref.__getGlobals ?? null;
 }
@@ -48,28 +42,26 @@ var defaultOptions = {
 var ParticleRendererService = class {
   constructor(sceneRoot) {
     this.sceneRoot = sceneRoot;
-    this.renderer.name = "zylem-particle-batch-renderer";
-    this.sceneRoot.add(this.renderer);
   }
   sceneRoot;
-  renderer = new BatchedRenderer();
   systems = /* @__PURE__ */ new Set();
+  /** Scene node that emitter anchors are parented to. */
+  get root() {
+    return this.sceneRoot;
+  }
   register(system) {
-    if (this.systems.has(system)) {
-      return;
-    }
-    this.renderer.addSystem(system);
     this.systems.add(system);
   }
   forget(system) {
     this.systems.delete(system);
   }
   update(delta) {
-    this.renderer.update(delta);
+    for (const system of this.systems) {
+      system.update(delta);
+    }
   }
   destroy() {
     this.systems.clear();
-    this.renderer.removeFromParent();
   }
 };
 function getParticleControlState(ref) {
@@ -146,7 +138,15 @@ function applyRuntimeState(ref) {
   }
   if (state.pendingRestart) {
     runtime.system.restart();
+    runtime.started = true;
     state.pendingRestart = false;
+    if (state.desiredState === "paused") {
+      runtime.system.pause();
+    } else if (state.desiredState === "stopped") {
+      runtime.system.stop();
+      runtime.started = false;
+    }
+    return;
   }
   if (state.desiredState === "paused") {
     runtime.system.pause();
@@ -154,9 +154,15 @@ function applyRuntimeState(ref) {
   }
   if (state.desiredState === "stopped") {
     runtime.system.stop();
+    runtime.started = false;
     return;
   }
-  runtime.system.play();
+  if (!runtime.started) {
+    runtime.system.start();
+    runtime.started = true;
+  } else {
+    runtime.system.resume();
+  }
 }
 function releaseRuntime(ref, reason) {
   const state = getParticleControlState(ref);
@@ -166,7 +172,6 @@ function releaseRuntime(ref, reason) {
   }
   state.runtime = null;
   state.pendingRestart = false;
-  runtime.system.removeEventListener("destroy", runtime.onDestroy);
   runtime.service.forget(runtime.system);
   if (reason === "manual") {
     runtime.system.dispose();
@@ -191,14 +196,12 @@ function createRuntime(entity, ref, service) {
     service,
     initialPosition: initialTransform.position.clone(),
     initialQuaternion: initialTransform.quaternion.clone(),
-    onDestroy: () => handleSystemDestroyed(entity, ref)
+    started: false
   };
   anchor.name = `${entity.name || entity.uuid}:particle-anchor`;
-  system.autoDestroy = ref.options.autoDestroy;
-  anchor.add(system.emitter);
+  anchor.add(system);
   service.register(system);
-  service.renderer.parent?.add(anchor);
-  system.addEventListener("destroy", runtime.onDestroy);
+  service.root.add(anchor);
   syncRuntimeTransform(entity, ref, runtime);
   return runtime;
 }
@@ -237,7 +240,7 @@ function createParticleEmitterHandle(ref) {
       if (!runtime) {
         return getParticleControlState(ref).desiredState === "playing";
       }
-      return !runtime.system.paused;
+      return runtime.system.running;
     },
     getSystem: () => getParticleControlState(ref).runtime?.system ?? null
   };
@@ -287,6 +290,9 @@ var ParticleEmitterBehaviorSystem = class {
       hasRuntime = true;
       syncRuntimeTransform(entity, ref, state.runtime);
       applyRuntimeState(ref);
+      if (ref.options.autoDestroy && state.runtime.started && state.desiredState === "playing" && state.runtime.system.isComplete()) {
+        handleSystemDestroyed(entity, ref);
+      }
     }
     if (hasRuntime && rendererService) {
       rendererService.update(delta);
@@ -320,78 +326,78 @@ var ParticleEmitterBehavior = defineBehavior({
 });
 
 // src/lib/behaviors/particle-emitter/particle-effect.ts
-import {
-  ConstantColor,
-  ConstantValue,
-  ParticleSystem as ParticleSystem2,
-  PointEmitter,
-  RenderMode
-} from "three.quarks";
+import { AdditiveBlending, Color } from "three";
+function toRange(value, fallback) {
+  if (value === void 0) return fallback;
+  if (Array.isArray(value)) {
+    return [value[0] ?? fallback[0], value[1] ?? fallback[1]];
+  }
+  const single = value;
+  return [single, single];
+}
+function toHexColor(color) {
+  return `#${new Color(color).getHexString()}`;
+}
+function makeBurstConfig(options, defaults) {
+  const count = Math.max(1, Math.round(options.count ?? defaults.count));
+  const color = toHexColor(options.color ?? defaults.color);
+  const blending = options.blending ?? AdditiveBlending;
+  const particles = {
+    count,
+    intensity: options.opacity ?? defaults.intensity,
+    colors: [
+      [
+        { color, stop: 0 },
+        { color, stop: 1 }
+      ]
+    ],
+    fadeAlpha: [0.05, 0.7],
+    fadeSize: [0.1, 0.85]
+  };
+  if (options.texture) {
+    particles.alphaMapsStart = [options.texture];
+  }
+  return {
+    particles,
+    emitter: {
+      duration: options.duration ?? defaults.duration,
+      loop: false,
+      spawnMode: "burst",
+      rate: count,
+      static: 0,
+      lifetime: toRange(options.life, defaults.life),
+      speed: toRange(options.speed, defaults.speed),
+      size: toRange(options.size, defaults.size),
+      directionMin: [-1, -1, -1],
+      directionMax: [1, 1, 1]
+    },
+    render: { blendingMode: blending }
+  };
+}
 var particlePresets = {
   burst(options = {}) {
-    return particleEffect(
-      () => new ParticleSystem2({
-        duration: options.duration ?? 0.25,
-        looping: false,
-        worldSpace: options.worldSpace ?? false,
-        startLife: createRangeValue(options.life ?? [0.3, 0.7], [0.3, 0.7]),
-        startSpeed: createRangeValue(options.speed ?? [1.5, 4], [1.5, 4]),
-        startSize: createRangeValue(options.size ?? [0.08, 0.18], [0.08, 0.18]),
-        startColor: new ConstantColor(
-          toColorVector(options.color ?? "#ffffff")
-        ),
-        emissionOverTime: new ConstantValue(0),
-        emissionBursts: [
-          {
-            time: 0,
-            count: new ConstantValue(options.count ?? 18),
-            cycle: 1,
-            interval: 0,
-            probability: 1
-          }
-        ],
-        shape: new PointEmitter(),
-        material: createParticleMaterial(
-          options.color ?? "#ffffff",
-          options
-        ),
-        ...createTextureSystemOptions(options),
-        renderMode: RenderMode.BillBoard
-      })
-    );
+    const config = makeBurstConfig(options, {
+      duration: 0.25,
+      life: [0.3, 0.7],
+      speed: [1.5, 4],
+      size: [0.08, 0.18],
+      color: "#ffffff",
+      count: 18,
+      intensity: 1
+    });
+    return particleEffect(() => new Particles(config));
   },
   smoke(options = {}) {
-    return particleEffect(
-      () => new ParticleSystem2({
-        duration: options.duration ?? 1.1,
-        looping: false,
-        worldSpace: options.worldSpace ?? false,
-        startLife: createRangeValue(options.life ?? [0.8, 1.6], [0.8, 1.6]),
-        startSpeed: createRangeValue(options.speed ?? [0.2, 0.8], [0.2, 0.8]),
-        startSize: createRangeValue(options.size ?? [0.2, 0.5], [0.2, 0.5]),
-        startColor: new ConstantColor(
-          toColorVector(options.color ?? "#999999")
-        ),
-        emissionOverTime: new ConstantValue(0),
-        emissionBursts: [
-          {
-            time: 0,
-            count: new ConstantValue(options.count ?? 10),
-            cycle: 1,
-            interval: 0,
-            probability: 1
-          }
-        ],
-        shape: new PointEmitter(),
-        material: createParticleMaterial(
-          options.color ?? "#999999",
-          options,
-          0.85
-        ),
-        ...createTextureSystemOptions(options),
-        renderMode: RenderMode.BillBoard
-      })
-    );
+    const config = makeBurstConfig(options, {
+      duration: 1.1,
+      life: [0.8, 1.6],
+      speed: [0.2, 0.8],
+      size: [0.2, 0.5],
+      color: "#999999",
+      count: 10,
+      intensity: 0.85
+    });
+    return particleEffect(() => new Particles(config));
   },
   fire: firePresets,
   water: waterPresets,
@@ -404,4 +410,3 @@ export {
   ParticleEmitterBehavior,
   particlePresets
 };
-//# sourceMappingURL=chunk-POZER3MQ.js.map

package/dist/{chunk-OHCPV2NT.js → chunk-WHKPWIQO.js}

@@ -83,4 +83,3 @@ export {
   clampPointToBounds3D,
   getBounds3DNormalFromHits
 };
-//# sourceMappingURL=chunk-OHCPV2NT.js.map