@relu-interactives/spatial-ecs 0.3.1 → 0.3.2

package/dist/systems/index.cjs

@@ -18,6 +18,8 @@ var OutputPass_js = require('three/examples/jsm/postprocessing/OutputPass.js');
 var HueSaturationShader_js = require('three/examples/jsm/shaders/HueSaturationShader.js');
 var SepiaShader_js = require('three/examples/jsm/shaders/SepiaShader.js');
 var VignetteShader_js = require('three/examples/jsm/shaders/VignetteShader.js');
+var XRControllerModelFactory_js = require('three/examples/jsm/webxr/XRControllerModelFactory.js');
+var XRHandModelFactory_js = require('three/examples/jsm/webxr/XRHandModelFactory.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopNamespace(e) {
@@ -8043,6 +8045,128 @@ var _XRSessionSystem = class _XRSessionSystem {
 };
 __name(_XRSessionSystem, "XRSessionSystem");
 var XRSessionSystem = _XRSessionSystem;
+function buildGeometry2(area) {
+  if (area.shape === "cylinder") {
+    const radius = Math.max(5e-3, area.width / 2);
+    return new THREE14__namespace.CircleGeometry(radius, 48);
+  }
+  return new THREE14__namespace.PlaneGeometry(
+    Math.max(0.01, area.width),
+    Math.max(0.01, area.depth)
+  );
+}
+__name(buildGeometry2, "buildGeometry");
+function signatureOf(area) {
+  return `${area.shape}:${area.width}:${area.depth}`;
+}
+__name(signatureOf, "signatureOf");
+var _VRTeleportAreaSystem = class _VRTeleportAreaSystem {
+  constructor() {
+    this.signatures = /* @__PURE__ */ new Map();
+  }
+  update(world) {
+    const entityIds = world.query(VRTeleportAreaComponent, Object3DRef);
+    const alive = new Set(entityIds);
+    for (const tracked of this.signatures.keys()) {
+      if (!alive.has(tracked)) this.signatures.delete(tracked);
+    }
+    for (const entityId of entityIds) {
+      const area = world.getComponent(entityId, VRTeleportAreaComponent);
+      const object = world.getComponent(entityId, Object3DRef)?.object;
+      if (!area || !(object instanceof THREE14__namespace.Mesh)) continue;
+      const signature = signatureOf(area);
+      if (this.signatures.get(entityId) === signature) continue;
+      this.signatures.set(entityId, signature);
+      object.geometry?.dispose?.();
+      object.geometry = buildGeometry2(area);
+    }
+  }
+};
+__name(_VRTeleportAreaSystem, "VRTeleportAreaSystem");
+var VRTeleportAreaSystem = _VRTeleportAreaSystem;
+var _XRControllerVisualSystem = class _XRControllerVisualSystem {
+  constructor(slots = 2) {
+    this.controllerModelFactory = new XRControllerModelFactory_js.XRControllerModelFactory();
+    this.handModelFactory = new XRHandModelFactory_js.XRHandModelFactory();
+    this.group = new THREE14__namespace.Group();
+    this.built = false;
+    this.attachedTo = null;
+    /** Index → whether we've already attached visuals for that slot. */
+    this.ready = /* @__PURE__ */ new Set();
+    this.slots = slots;
+    this.group.name = "XRControllerVisuals";
+    this.group.userData.ecsPreviewHidden = true;
+  }
+  update(world) {
+    const renderer = world.getRenderer();
+    if (!renderer.xr?.enabled) return;
+    this.ensureAttached(world);
+    if (this.built) return;
+    for (let index = 0; index < this.slots; index += 1) {
+      if (this.ready.has(index)) continue;
+      const controller = renderer.xr.getController(index);
+      const grip = renderer.xr.getControllerGrip(index);
+      const hand = renderer.xr.getHand(index);
+      if (!controller || !grip || !hand) continue;
+      controller.add(this.createRay());
+      this.group.add(controller);
+      grip.add(this.controllerModelFactory.createControllerModel(grip));
+      this.group.add(grip);
+      hand.add(this.handModelFactory.createHandModel(hand, "mesh"));
+      this.group.add(hand);
+      this.ready.add(index);
+    }
+    if (this.ready.size >= this.slots) {
+      this.built = true;
+    }
+  }
+  /**
+   * Parent the visuals to the XR rig when there is one, so locomotion moves the
+   * hands with the player. Falls back to the scene root.
+   */
+  ensureAttached(world) {
+    const camera = world.getCamera();
+    const target = camera.parent ?? world.getScene();
+    if (this.attachedTo === target) return;
+    target.add(this.group);
+    this.attachedTo = target;
+  }
+  createRay() {
+    const geometry = new THREE14__namespace.BufferGeometry().setFromPoints([
+      new THREE14__namespace.Vector3(0, 0, 0),
+      new THREE14__namespace.Vector3(0, 0, -5)
+    ]);
+    const material = new THREE14__namespace.LineBasicMaterial({
+      color: "#4da3ff",
+      transparent: true,
+      opacity: 0.6,
+      depthTest: false
+    });
+    const line = new THREE14__namespace.Line(geometry, material);
+    line.name = "XRPointerRay";
+    line.renderOrder = 999;
+    return line;
+  }
+  dispose() {
+    this.group.removeFromParent();
+    this.group.traverse((child) => {
+      const mesh = child;
+      mesh.geometry?.dispose?.();
+      const material = mesh.material;
+      if (Array.isArray(material)) {
+        for (const entry of material) entry.dispose?.();
+      } else {
+        material?.dispose?.();
+      }
+    });
+    this.group.clear();
+    this.ready.clear();
+    this.built = false;
+    this.attachedTo = null;
+  }
+};
+__name(_XRControllerVisualSystem, "XRControllerVisualSystem");
+var XRControllerVisualSystem = _XRControllerVisualSystem;
 
 exports.AnimationSystem = AnimationSystem;
 exports.AudioSystem = AudioSystem;
@@ -8063,7 +8187,9 @@ exports.SCRIPT_OBJECT_ROOT_FLAG = SCRIPT_OBJECT_ROOT_FLAG;
 exports.ScriptBehaviourSystem = ScriptBehaviourSystem;
 exports.ScriptObjectSystem = ScriptObjectSystem;
 exports.TransformSyncSystem = TransformSyncSystem;
+exports.VRTeleportAreaSystem = VRTeleportAreaSystem;
 exports.VideoSystem = VideoSystem;
+exports.XRControllerVisualSystem = XRControllerVisualSystem;
 exports.XRInputSystem = XRInputSystem;
 exports.XRInteractionSystem = XRInteractionSystem;
 exports.XRLocomotionSystem = XRLocomotionSystem;