@relu-interactives/spatial-ecs 0.3.0 → 0.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{System-CYWZ_Zx5.d.cts → System-vrU46Vuw.d.cts} +16 -2
- package/dist/{System-CYWZ_Zx5.d.ts → System-vrU46Vuw.d.ts} +16 -2
- package/dist/{Video-AIQYTAAr.d.cts → XRRig-CAmf04NX.d.ts} +131 -4
- package/dist/{Video-DlZ4G9ig.d.ts → XRRig-Cu-EyliG.d.cts} +131 -4
- package/dist/{chunk-PZ4CAALA.js → chunk-67WGASUJ.js} +3 -3
- package/dist/{chunk-PZ4CAALA.js.map → chunk-67WGASUJ.js.map} +1 -1
- package/dist/{chunk-AT5SPSPM.js → chunk-PCOZLCXS.js} +160 -83
- package/dist/chunk-PCOZLCXS.js.map +1 -0
- package/dist/{chunk-7BPHZWQ6.js → chunk-U3MDYKPV.js} +47 -3
- package/dist/chunk-U3MDYKPV.js.map +1 -0
- package/dist/{chunk-7JFSEV7A.js → chunk-VXUVNC7S.js} +633 -6
- package/dist/chunk-VXUVNC7S.js.map +1 -0
- package/dist/components/index.cjs +44 -0
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.d.cts +3 -3
- package/dist/components/index.d.ts +3 -3
- package/dist/components/index.js +1 -1
- package/dist/factories/index.cjs +228 -107
- package/dist/factories/index.cjs.map +1 -1
- package/dist/factories/index.d.cts +9 -3
- package/dist/factories/index.d.ts +9 -3
- package/dist/factories/index.js +3 -3
- package/dist/{index-Gr8aCPRM.d.cts → index-CUFd71ri.d.cts} +12 -3
- package/dist/index-D84o_UA6.d.ts +488 -0
- package/dist/index-YYypJaVw.d.cts +488 -0
- package/dist/{index-BwiRJNIT.d.ts → index-w1oqWl_M.d.ts} +12 -3
- package/dist/index.cjs +971 -198
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +42 -8
- package/dist/index.d.ts +42 -8
- package/dist/index.js +24 -8
- package/dist/index.js.map +1 -1
- package/dist/systems/index.cjs +673 -1
- package/dist/systems/index.cjs.map +1 -1
- package/dist/systems/index.d.cts +3 -278
- package/dist/systems/index.d.ts +3 -278
- package/dist/systems/index.js +3 -3
- package/dist/types.d.cts +1 -1
- package/dist/types.d.ts +1 -1
- package/dist/worldSnapshotUtils.d.cts +1 -1
- package/dist/worldSnapshotUtils.d.ts +1 -1
- package/package.json +1 -1
- package/dist/chunk-7BPHZWQ6.js.map +0 -1
- package/dist/chunk-7JFSEV7A.js.map +0 -1
- package/dist/chunk-AT5SPSPM.js.map +0 -1
package/dist/systems/index.cjs
CHANGED
|
@@ -2075,6 +2075,47 @@ var _VideoComponent = class _VideoComponent extends Component {
|
|
|
2075
2075
|
__name(_VideoComponent, "VideoComponent");
|
|
2076
2076
|
var VideoComponent = _VideoComponent;
|
|
2077
2077
|
|
|
2078
|
+
// core/components/VRTeleportArea.ts
|
|
2079
|
+
var _VRTeleportAreaComponent = class _VRTeleportAreaComponent extends Component {
|
|
2080
|
+
constructor(options) {
|
|
2081
|
+
super();
|
|
2082
|
+
this.enabled = options?.enabled ?? true;
|
|
2083
|
+
this.shape = options?.shape ?? "plane";
|
|
2084
|
+
this.width = options?.width ?? 10;
|
|
2085
|
+
this.depth = options?.depth ?? 10;
|
|
2086
|
+
}
|
|
2087
|
+
};
|
|
2088
|
+
__name(_VRTeleportAreaComponent, "VRTeleportAreaComponent");
|
|
2089
|
+
var VRTeleportAreaComponent = _VRTeleportAreaComponent;
|
|
2090
|
+
|
|
2091
|
+
// core/components/XRInteractable.ts
|
|
2092
|
+
var _XRInteractableComponent = class _XRInteractableComponent extends Component {
|
|
2093
|
+
constructor(options) {
|
|
2094
|
+
super();
|
|
2095
|
+
this.enabled = options?.enabled ?? true;
|
|
2096
|
+
this.grabbable = options?.grabbable ?? true;
|
|
2097
|
+
this.pointable = options?.pointable ?? true;
|
|
2098
|
+
this.grabMode = options?.grabMode ?? "kinematic";
|
|
2099
|
+
this.highlightOnHover = options?.highlightOnHover ?? true;
|
|
2100
|
+
}
|
|
2101
|
+
};
|
|
2102
|
+
__name(_XRInteractableComponent, "XRInteractableComponent");
|
|
2103
|
+
var XRInteractableComponent = _XRInteractableComponent;
|
|
2104
|
+
|
|
2105
|
+
// core/components/XRRig.ts
|
|
2106
|
+
var _XRRigComponent = class _XRRigComponent extends Component {
|
|
2107
|
+
constructor(options) {
|
|
2108
|
+
super();
|
|
2109
|
+
this.locomotion = options?.locomotion ?? "teleport";
|
|
2110
|
+
this.moveSpeed = options?.moveSpeed ?? 2;
|
|
2111
|
+
this.snapTurn = options?.snapTurn ?? true;
|
|
2112
|
+
this.snapTurnDegrees = options?.snapTurnDegrees ?? 30;
|
|
2113
|
+
this.fallbackEyeHeight = options?.fallbackEyeHeight ?? 1.6;
|
|
2114
|
+
}
|
|
2115
|
+
};
|
|
2116
|
+
__name(_XRRigComponent, "XRRigComponent");
|
|
2117
|
+
var XRRigComponent = _XRRigComponent;
|
|
2118
|
+
|
|
2078
2119
|
// core/utils/dracoDecoderPath.ts
|
|
2079
2120
|
var LOCAL_DRACO_DECODER_RELATIVE_PATH = "./assets/draco/";
|
|
2080
2121
|
var DRACO_DECODER_CDN_PATH = "https://www.gstatic.com/draco/versioned/decoders/1.5.7/";
|
|
@@ -2581,6 +2622,7 @@ var _CameraSyncSystem = class _CameraSyncSystem {
|
|
|
2581
2622
|
update(world) {
|
|
2582
2623
|
const entityIds = world.query(CameraComponent, Object3DRef);
|
|
2583
2624
|
const windowAspect = readWindowAspect();
|
|
2625
|
+
const xrCamera = world.isXrPresenting() ? world.getCamera() : null;
|
|
2584
2626
|
const alive = new Set(entityIds);
|
|
2585
2627
|
for (const trackedId of this.signatures.keys()) {
|
|
2586
2628
|
if (!alive.has(trackedId)) {
|
|
@@ -2597,6 +2639,9 @@ var _CameraSyncSystem = class _CameraSyncSystem {
|
|
|
2597
2639
|
if (!(camera instanceof THREE14__namespace.Camera)) {
|
|
2598
2640
|
continue;
|
|
2599
2641
|
}
|
|
2642
|
+
if (xrCamera !== null && camera === xrCamera) {
|
|
2643
|
+
continue;
|
|
2644
|
+
}
|
|
2600
2645
|
const nextSignature = buildSignature(component, camera, windowAspect);
|
|
2601
2646
|
if (this.signatures.get(entityId) === nextSignature) {
|
|
2602
2647
|
continue;
|
|
@@ -5568,7 +5613,9 @@ var HYDRATABLE_ENTITY_KINDS = /* @__PURE__ */ new Set([
|
|
|
5568
5613
|
"areaLight",
|
|
5569
5614
|
"instancedMesh",
|
|
5570
5615
|
"instanceSlot",
|
|
5571
|
-
"scriptObject"
|
|
5616
|
+
"scriptObject",
|
|
5617
|
+
"xrRig",
|
|
5618
|
+
"teleportArea"
|
|
5572
5619
|
]);
|
|
5573
5620
|
|
|
5574
5621
|
// core/hydration/hydrateWorld.ts
|
|
@@ -6272,6 +6319,49 @@ var _Behaviour = class _Behaviour {
|
|
|
6272
6319
|
*/
|
|
6273
6320
|
onTargetLost(target) {
|
|
6274
6321
|
}
|
|
6322
|
+
// ─── WebXR (VR / MR) hooks ────────────────────────────────────────────────
|
|
6323
|
+
// Dispatched by XRSessionSystem / XRInteractionSystem, following the same
|
|
6324
|
+
// pattern as the AR hooks above: public no-op methods that subclasses opt
|
|
6325
|
+
// into by overriding. They never fire outside an immersive session.
|
|
6326
|
+
/**
|
|
6327
|
+
* Called once when an immersive session starts. Optional XR hook.
|
|
6328
|
+
*
|
|
6329
|
+
* Use it to set up XR-only state. Inspect `capabilities` rather than guessing
|
|
6330
|
+
* by device: feature support differs sharply per headset (for example Vision
|
|
6331
|
+
* Pro grants no passthrough on the web today).
|
|
6332
|
+
*
|
|
6333
|
+
* @param capabilities - What the session actually granted, read from
|
|
6334
|
+
* `XRSession.enabledFeatures`.
|
|
6335
|
+
*/
|
|
6336
|
+
onXRSessionStart(capabilities) {
|
|
6337
|
+
}
|
|
6338
|
+
/** Called once when the immersive session ends. Optional XR hook. */
|
|
6339
|
+
onXRSessionEnd() {
|
|
6340
|
+
}
|
|
6341
|
+
/**
|
|
6342
|
+
* Called when a primary action begins — controller trigger, hand pinch, or
|
|
6343
|
+
* Vision Pro gaze-pinch. Optional XR hook.
|
|
6344
|
+
*
|
|
6345
|
+
* @param input - Normalized state for the source that acted.
|
|
6346
|
+
*/
|
|
6347
|
+
onSelectStart(input) {
|
|
6348
|
+
}
|
|
6349
|
+
/** Called when the primary action ends. Optional XR hook. */
|
|
6350
|
+
onSelectEnd(input) {
|
|
6351
|
+
}
|
|
6352
|
+
/**
|
|
6353
|
+
* Called when this entity is grabbed. Optional XR hook.
|
|
6354
|
+
*
|
|
6355
|
+
* Only fires for entities carrying an enabled, grabbable
|
|
6356
|
+
* `XRInteractableComponent`.
|
|
6357
|
+
*
|
|
6358
|
+
* @param input - The source doing the grabbing.
|
|
6359
|
+
*/
|
|
6360
|
+
onGrab(input) {
|
|
6361
|
+
}
|
|
6362
|
+
/** Called when this entity is released. Optional XR hook. */
|
|
6363
|
+
onRelease(input) {
|
|
6364
|
+
}
|
|
6275
6365
|
};
|
|
6276
6366
|
__name(_Behaviour, "Behaviour");
|
|
6277
6367
|
/**
|
|
@@ -7119,12 +7209,16 @@ var ScriptObjectSystem = _ScriptObjectSystem;
|
|
|
7119
7209
|
var _TransformSyncSystem = class _TransformSyncSystem {
|
|
7120
7210
|
update(world) {
|
|
7121
7211
|
const entities = world.query(TransformComponent, Object3DRef);
|
|
7212
|
+
const xrCamera = world.isXrPresenting() ? world.getCamera() : null;
|
|
7122
7213
|
for (const entityId of entities) {
|
|
7123
7214
|
const transform = world.getComponent(entityId, TransformComponent);
|
|
7124
7215
|
const object = world.getComponent(entityId, Object3DRef)?.object;
|
|
7125
7216
|
if (!transform || !object) {
|
|
7126
7217
|
continue;
|
|
7127
7218
|
}
|
|
7219
|
+
if (xrCamera !== null && object === xrCamera) {
|
|
7220
|
+
continue;
|
|
7221
|
+
}
|
|
7128
7222
|
applyTransform(object, transform);
|
|
7129
7223
|
object.updateMatrixWorld(true);
|
|
7130
7224
|
}
|
|
@@ -7375,6 +7469,580 @@ var _VideoSystem = class _VideoSystem {
|
|
|
7375
7469
|
};
|
|
7376
7470
|
__name(_VideoSystem, "VideoSystem");
|
|
7377
7471
|
var VideoSystem = _VideoSystem;
|
|
7472
|
+
function handednessOf(source) {
|
|
7473
|
+
const value = source.handedness;
|
|
7474
|
+
return value === "left" || value === "right" ? value : "none";
|
|
7475
|
+
}
|
|
7476
|
+
__name(handednessOf, "handednessOf");
|
|
7477
|
+
function kindOf(source) {
|
|
7478
|
+
const mode = source.targetRayMode;
|
|
7479
|
+
if (mode === "transient-pointer") return "transient-pointer";
|
|
7480
|
+
if (mode === "gaze") return "gaze";
|
|
7481
|
+
if (source.hand) return "hand";
|
|
7482
|
+
return "controller";
|
|
7483
|
+
}
|
|
7484
|
+
__name(kindOf, "kindOf");
|
|
7485
|
+
function blankState(source) {
|
|
7486
|
+
return {
|
|
7487
|
+
handedness: handednessOf(source),
|
|
7488
|
+
kind: kindOf(source),
|
|
7489
|
+
connected: true,
|
|
7490
|
+
rayOrigin: new THREE14__namespace.Vector3(),
|
|
7491
|
+
rayDirection: new THREE14__namespace.Vector3(0, 0, -1),
|
|
7492
|
+
gripPosition: null,
|
|
7493
|
+
gripQuaternion: null,
|
|
7494
|
+
select: false,
|
|
7495
|
+
selectStart: false,
|
|
7496
|
+
selectEnd: false,
|
|
7497
|
+
squeeze: false,
|
|
7498
|
+
squeezeStart: false,
|
|
7499
|
+
squeezeEnd: false,
|
|
7500
|
+
axes: [],
|
|
7501
|
+
hasAxes: false,
|
|
7502
|
+
buttons: []
|
|
7503
|
+
};
|
|
7504
|
+
}
|
|
7505
|
+
__name(blankState, "blankState");
|
|
7506
|
+
var _XRInputSystem = class _XRInputSystem {
|
|
7507
|
+
constructor() {
|
|
7508
|
+
this.records = /* @__PURE__ */ new Map();
|
|
7509
|
+
this.session = null;
|
|
7510
|
+
this.onSelectStart = /* @__PURE__ */ __name((event) => this.mark(event, "pendingSelectStart"), "onSelectStart");
|
|
7511
|
+
this.onSelectEnd = /* @__PURE__ */ __name((event) => this.mark(event, "pendingSelectEnd"), "onSelectEnd");
|
|
7512
|
+
this.onSqueezeStart = /* @__PURE__ */ __name((event) => this.mark(event, "pendingSqueezeStart"), "onSqueezeStart");
|
|
7513
|
+
this.onSqueezeEnd = /* @__PURE__ */ __name((event) => this.mark(event, "pendingSqueezeEnd"), "onSqueezeEnd");
|
|
7514
|
+
}
|
|
7515
|
+
mark(event, flag) {
|
|
7516
|
+
const record = this.ensureRecord(event.inputSource);
|
|
7517
|
+
record[flag] = true;
|
|
7518
|
+
}
|
|
7519
|
+
ensureRecord(source) {
|
|
7520
|
+
let record = this.records.get(source);
|
|
7521
|
+
if (!record) {
|
|
7522
|
+
record = {
|
|
7523
|
+
source,
|
|
7524
|
+
state: blankState(source),
|
|
7525
|
+
pendingSelectStart: false,
|
|
7526
|
+
pendingSelectEnd: false,
|
|
7527
|
+
pendingSqueezeStart: false,
|
|
7528
|
+
pendingSqueezeEnd: false,
|
|
7529
|
+
removed: false
|
|
7530
|
+
};
|
|
7531
|
+
this.records.set(source, record);
|
|
7532
|
+
}
|
|
7533
|
+
return record;
|
|
7534
|
+
}
|
|
7535
|
+
/** Bind to a session. Called by {@link XRSessionSystem} on session start. */
|
|
7536
|
+
attachSession(session) {
|
|
7537
|
+
this.detachSession();
|
|
7538
|
+
this.session = session;
|
|
7539
|
+
session.addEventListener("selectstart", this.onSelectStart);
|
|
7540
|
+
session.addEventListener("selectend", this.onSelectEnd);
|
|
7541
|
+
session.addEventListener(
|
|
7542
|
+
"squeezestart",
|
|
7543
|
+
this.onSqueezeStart
|
|
7544
|
+
);
|
|
7545
|
+
session.addEventListener("squeezeend", this.onSqueezeEnd);
|
|
7546
|
+
}
|
|
7547
|
+
/** Unbind and drop all per-source state. */
|
|
7548
|
+
detachSession() {
|
|
7549
|
+
const session = this.session;
|
|
7550
|
+
if (session) {
|
|
7551
|
+
session.removeEventListener(
|
|
7552
|
+
"selectstart",
|
|
7553
|
+
this.onSelectStart
|
|
7554
|
+
);
|
|
7555
|
+
session.removeEventListener(
|
|
7556
|
+
"selectend",
|
|
7557
|
+
this.onSelectEnd
|
|
7558
|
+
);
|
|
7559
|
+
session.removeEventListener(
|
|
7560
|
+
"squeezestart",
|
|
7561
|
+
this.onSqueezeStart
|
|
7562
|
+
);
|
|
7563
|
+
session.removeEventListener(
|
|
7564
|
+
"squeezeend",
|
|
7565
|
+
this.onSqueezeEnd
|
|
7566
|
+
);
|
|
7567
|
+
}
|
|
7568
|
+
this.session = null;
|
|
7569
|
+
this.records.clear();
|
|
7570
|
+
}
|
|
7571
|
+
update(world) {
|
|
7572
|
+
for (const [source, record] of this.records) {
|
|
7573
|
+
if (record.removed) {
|
|
7574
|
+
this.records.delete(source);
|
|
7575
|
+
continue;
|
|
7576
|
+
}
|
|
7577
|
+
record.state.selectStart = false;
|
|
7578
|
+
record.state.selectEnd = false;
|
|
7579
|
+
record.state.squeezeStart = false;
|
|
7580
|
+
record.state.squeezeEnd = false;
|
|
7581
|
+
}
|
|
7582
|
+
const session = this.session;
|
|
7583
|
+
if (!session || !world.isXrPresenting()) return;
|
|
7584
|
+
const renderer = world.getRenderer();
|
|
7585
|
+
const referenceSpace = renderer.xr.getReferenceSpace();
|
|
7586
|
+
const frame = renderer.xr.getFrame?.();
|
|
7587
|
+
const live = /* @__PURE__ */ new Set();
|
|
7588
|
+
for (const source of session.inputSources) {
|
|
7589
|
+
live.add(source);
|
|
7590
|
+
const record = this.ensureRecord(source);
|
|
7591
|
+
const state = record.state;
|
|
7592
|
+
state.connected = true;
|
|
7593
|
+
state.handedness = handednessOf(source);
|
|
7594
|
+
state.kind = kindOf(source);
|
|
7595
|
+
if (frame && referenceSpace && source.targetRaySpace) {
|
|
7596
|
+
const pose = frame.getPose(source.targetRaySpace, referenceSpace);
|
|
7597
|
+
if (pose) {
|
|
7598
|
+
const m = new THREE14__namespace.Matrix4().fromArray(pose.transform.matrix);
|
|
7599
|
+
state.rayOrigin.setFromMatrixPosition(m);
|
|
7600
|
+
state.rayDirection.set(0, 0, -1).applyQuaternion(
|
|
7601
|
+
new THREE14__namespace.Quaternion().setFromRotationMatrix(m)
|
|
7602
|
+
).normalize();
|
|
7603
|
+
}
|
|
7604
|
+
}
|
|
7605
|
+
if (frame && referenceSpace && source.gripSpace) {
|
|
7606
|
+
const gripPose = frame.getPose(source.gripSpace, referenceSpace);
|
|
7607
|
+
if (gripPose) {
|
|
7608
|
+
const m = new THREE14__namespace.Matrix4().fromArray(gripPose.transform.matrix);
|
|
7609
|
+
state.gripPosition ?? (state.gripPosition = new THREE14__namespace.Vector3());
|
|
7610
|
+
state.gripQuaternion ?? (state.gripQuaternion = new THREE14__namespace.Quaternion());
|
|
7611
|
+
state.gripPosition.setFromMatrixPosition(m);
|
|
7612
|
+
state.gripQuaternion.setFromRotationMatrix(m);
|
|
7613
|
+
}
|
|
7614
|
+
} else {
|
|
7615
|
+
state.gripPosition = null;
|
|
7616
|
+
state.gripQuaternion = null;
|
|
7617
|
+
}
|
|
7618
|
+
const gamepad = source.gamepad;
|
|
7619
|
+
if (gamepad) {
|
|
7620
|
+
state.axes = Array.from(gamepad.axes);
|
|
7621
|
+
state.hasAxes = gamepad.axes.some((axis) => Number.isFinite(axis));
|
|
7622
|
+
state.buttons = gamepad.buttons.map((button) => button.pressed);
|
|
7623
|
+
} else {
|
|
7624
|
+
state.axes = [];
|
|
7625
|
+
state.hasAxes = false;
|
|
7626
|
+
state.buttons = [];
|
|
7627
|
+
}
|
|
7628
|
+
if (record.pendingSelectStart) {
|
|
7629
|
+
state.select = true;
|
|
7630
|
+
state.selectStart = true;
|
|
7631
|
+
record.pendingSelectStart = false;
|
|
7632
|
+
}
|
|
7633
|
+
if (record.pendingSelectEnd) {
|
|
7634
|
+
state.select = false;
|
|
7635
|
+
state.selectEnd = true;
|
|
7636
|
+
record.pendingSelectEnd = false;
|
|
7637
|
+
}
|
|
7638
|
+
if (record.pendingSqueezeStart) {
|
|
7639
|
+
state.squeeze = true;
|
|
7640
|
+
state.squeezeStart = true;
|
|
7641
|
+
record.pendingSqueezeStart = false;
|
|
7642
|
+
}
|
|
7643
|
+
if (record.pendingSqueezeEnd) {
|
|
7644
|
+
state.squeeze = false;
|
|
7645
|
+
state.squeezeEnd = true;
|
|
7646
|
+
record.pendingSqueezeEnd = false;
|
|
7647
|
+
}
|
|
7648
|
+
}
|
|
7649
|
+
for (const [source, record] of this.records) {
|
|
7650
|
+
if (live.has(source)) continue;
|
|
7651
|
+
record.state.connected = false;
|
|
7652
|
+
record.removed = true;
|
|
7653
|
+
}
|
|
7654
|
+
}
|
|
7655
|
+
/** Every input source active this frame. */
|
|
7656
|
+
getInputs() {
|
|
7657
|
+
return Array.from(this.records.values(), (record) => record.state);
|
|
7658
|
+
}
|
|
7659
|
+
/** The first source for a hand, or null. Prefer this for hand-specific logic. */
|
|
7660
|
+
getInput(handedness) {
|
|
7661
|
+
for (const record of this.records.values()) {
|
|
7662
|
+
if (record.state.handedness === handedness) return record.state;
|
|
7663
|
+
}
|
|
7664
|
+
return null;
|
|
7665
|
+
}
|
|
7666
|
+
/** True while ANY source is selecting — the portable "is the user acting" check. */
|
|
7667
|
+
isSelecting() {
|
|
7668
|
+
for (const record of this.records.values()) {
|
|
7669
|
+
if (record.state.select) return true;
|
|
7670
|
+
}
|
|
7671
|
+
return false;
|
|
7672
|
+
}
|
|
7673
|
+
dispose() {
|
|
7674
|
+
this.detachSession();
|
|
7675
|
+
}
|
|
7676
|
+
};
|
|
7677
|
+
__name(_XRInputSystem, "XRInputSystem");
|
|
7678
|
+
var XRInputSystem = _XRInputSystem;
|
|
7679
|
+
var RAYLESS_HOLD_DISTANCE = 0.5;
|
|
7680
|
+
var _XRInteractionSystem = class _XRInteractionSystem {
|
|
7681
|
+
constructor(inputSystem) {
|
|
7682
|
+
this.raycaster = new THREE14__namespace.Raycaster();
|
|
7683
|
+
/** Which entity each source is holding. Keyed by source state identity. */
|
|
7684
|
+
this.grabs = /* @__PURE__ */ new Map();
|
|
7685
|
+
this.hoveredEntityId = null;
|
|
7686
|
+
this.inputSystem = inputSystem;
|
|
7687
|
+
}
|
|
7688
|
+
update(world) {
|
|
7689
|
+
if (!world.isXrPresenting()) {
|
|
7690
|
+
this.releaseAll(world);
|
|
7691
|
+
return;
|
|
7692
|
+
}
|
|
7693
|
+
const inputs = this.inputSystem.getInputs();
|
|
7694
|
+
const interactables = this.collectInteractables(world);
|
|
7695
|
+
this.hoveredEntityId = null;
|
|
7696
|
+
for (const input of inputs) {
|
|
7697
|
+
if (!input.connected) {
|
|
7698
|
+
this.release(world, input);
|
|
7699
|
+
continue;
|
|
7700
|
+
}
|
|
7701
|
+
const held = this.grabs.get(input);
|
|
7702
|
+
if (held) {
|
|
7703
|
+
this.moveHeld(world, input, held);
|
|
7704
|
+
if (input.selectEnd) this.release(world, input);
|
|
7705
|
+
continue;
|
|
7706
|
+
}
|
|
7707
|
+
const hitEntityId = this.raycast(input, interactables);
|
|
7708
|
+
if (hitEntityId === null) continue;
|
|
7709
|
+
if (this.hoveredEntityId === null) {
|
|
7710
|
+
this.hoveredEntityId = hitEntityId;
|
|
7711
|
+
}
|
|
7712
|
+
const interactable = world.getComponent(
|
|
7713
|
+
hitEntityId,
|
|
7714
|
+
XRInteractableComponent
|
|
7715
|
+
);
|
|
7716
|
+
if (input.selectStart && interactable?.grabbable) {
|
|
7717
|
+
this.grab(world, input, hitEntityId);
|
|
7718
|
+
}
|
|
7719
|
+
}
|
|
7720
|
+
}
|
|
7721
|
+
collectInteractables(world) {
|
|
7722
|
+
const out = [];
|
|
7723
|
+
for (const entityId of world.query(XRInteractableComponent, Object3DRef)) {
|
|
7724
|
+
const interactable = world.getComponent(entityId, XRInteractableComponent);
|
|
7725
|
+
if (!interactable?.enabled || !interactable.pointable) continue;
|
|
7726
|
+
if (!world.isEntityVisible(entityId)) continue;
|
|
7727
|
+
const object = world.getComponent(entityId, Object3DRef)?.object;
|
|
7728
|
+
if (object) out.push({ entityId, object });
|
|
7729
|
+
}
|
|
7730
|
+
return out;
|
|
7731
|
+
}
|
|
7732
|
+
/** Entity id of the nearest pointable hit along this source's ray, or null. */
|
|
7733
|
+
raycast(input, interactables) {
|
|
7734
|
+
if (interactables.length === 0) return null;
|
|
7735
|
+
this.raycaster.set(input.rayOrigin, input.rayDirection);
|
|
7736
|
+
let nearestId = null;
|
|
7737
|
+
let nearestDistance = Number.POSITIVE_INFINITY;
|
|
7738
|
+
for (const entry of interactables) {
|
|
7739
|
+
const hit = this.raycaster.intersectObject(entry.object, true)[0];
|
|
7740
|
+
if (!hit) continue;
|
|
7741
|
+
if (hit.distance < nearestDistance) {
|
|
7742
|
+
nearestDistance = hit.distance;
|
|
7743
|
+
nearestId = entry.entityId;
|
|
7744
|
+
}
|
|
7745
|
+
}
|
|
7746
|
+
return nearestId;
|
|
7747
|
+
}
|
|
7748
|
+
grab(world, input, entityId) {
|
|
7749
|
+
const transform = world.getComponent(entityId, TransformComponent);
|
|
7750
|
+
if (!transform) return;
|
|
7751
|
+
const hand = this.handPosition(input);
|
|
7752
|
+
const offset = new THREE14__namespace.Vector3(
|
|
7753
|
+
transform.position.x - hand.x,
|
|
7754
|
+
transform.position.y - hand.y,
|
|
7755
|
+
transform.position.z - hand.z
|
|
7756
|
+
);
|
|
7757
|
+
const physics = world.getComponent(entityId, PhysicsComponent);
|
|
7758
|
+
let restoreBodyType = null;
|
|
7759
|
+
const interactable = world.getComponent(entityId, XRInteractableComponent);
|
|
7760
|
+
if (physics && interactable?.grabMode === "kinematic") {
|
|
7761
|
+
restoreBodyType = physics.values.rigidbody.type;
|
|
7762
|
+
physics.values.rigidbody.type = "kinematicPosition";
|
|
7763
|
+
}
|
|
7764
|
+
this.grabs.set(input, { entityId, offset, restoreBodyType });
|
|
7765
|
+
this.dispatch(world, entityId, (b) => b.onGrab(input));
|
|
7766
|
+
}
|
|
7767
|
+
moveHeld(world, input, held) {
|
|
7768
|
+
const transform = world.getComponent(held.entityId, TransformComponent);
|
|
7769
|
+
if (!transform) return;
|
|
7770
|
+
const hand = this.handPosition(input);
|
|
7771
|
+
transform.position.x = hand.x + held.offset.x;
|
|
7772
|
+
transform.position.y = hand.y + held.offset.y;
|
|
7773
|
+
transform.position.z = hand.z + held.offset.z;
|
|
7774
|
+
}
|
|
7775
|
+
release(world, input) {
|
|
7776
|
+
const held = this.grabs.get(input);
|
|
7777
|
+
if (!held) return;
|
|
7778
|
+
this.grabs.delete(input);
|
|
7779
|
+
if (held.restoreBodyType !== null) {
|
|
7780
|
+
const physics = world.getComponent(held.entityId, PhysicsComponent);
|
|
7781
|
+
if (physics) {
|
|
7782
|
+
physics.values.rigidbody.type = held.restoreBodyType;
|
|
7783
|
+
}
|
|
7784
|
+
}
|
|
7785
|
+
this.dispatch(world, held.entityId, (b) => b.onRelease(input));
|
|
7786
|
+
}
|
|
7787
|
+
releaseAll(world) {
|
|
7788
|
+
for (const input of Array.from(this.grabs.keys())) {
|
|
7789
|
+
this.release(world, input);
|
|
7790
|
+
}
|
|
7791
|
+
}
|
|
7792
|
+
/**
|
|
7793
|
+
* Where the "hand" is for this source. Controllers and tracked hands report a
|
|
7794
|
+
* grip pose; gaze and transient-pointer sources have none, so we hold the
|
|
7795
|
+
* object a fixed distance along the ray instead.
|
|
7796
|
+
*/
|
|
7797
|
+
handPosition(input) {
|
|
7798
|
+
if (input.gripPosition) return input.gripPosition;
|
|
7799
|
+
return new THREE14__namespace.Vector3().copy(input.rayDirection).multiplyScalar(RAYLESS_HOLD_DISTANCE).add(input.rayOrigin);
|
|
7800
|
+
}
|
|
7801
|
+
dispatch(world, entityId, visit) {
|
|
7802
|
+
const script = world.getComponent(entityId, ScriptComponent);
|
|
7803
|
+
const instances = script?.scriptInstances;
|
|
7804
|
+
if (!instances) return;
|
|
7805
|
+
for (const instance of instances.values()) {
|
|
7806
|
+
if (!(instance instanceof Behaviour)) continue;
|
|
7807
|
+
try {
|
|
7808
|
+
visit(instance);
|
|
7809
|
+
} catch (error) {
|
|
7810
|
+
console.error("[XRInteractionSystem] Behaviour hook failed:", error);
|
|
7811
|
+
}
|
|
7812
|
+
}
|
|
7813
|
+
}
|
|
7814
|
+
/** Entity currently under a pointer this frame, or null. */
|
|
7815
|
+
getHoveredEntityId() {
|
|
7816
|
+
return this.hoveredEntityId;
|
|
7817
|
+
}
|
|
7818
|
+
/** True when any source is holding something. */
|
|
7819
|
+
isGrabbing() {
|
|
7820
|
+
return this.grabs.size > 0;
|
|
7821
|
+
}
|
|
7822
|
+
};
|
|
7823
|
+
__name(_XRInteractionSystem, "XRInteractionSystem");
|
|
7824
|
+
var XRInteractionSystem = _XRInteractionSystem;
|
|
7825
|
+
var UP = new THREE14__namespace.Vector3(0, 1, 0);
|
|
7826
|
+
var AXIS_DEADZONE = 0.5;
|
|
7827
|
+
var _XRLocomotionSystem = class _XRLocomotionSystem {
|
|
7828
|
+
constructor(inputSystem) {
|
|
7829
|
+
this.raycaster = new THREE14__namespace.Raycaster();
|
|
7830
|
+
/** Per-source latch so one stick push yields exactly one snap turn. */
|
|
7831
|
+
this.turnLatched = /* @__PURE__ */ new WeakSet();
|
|
7832
|
+
/** Where the pointer currently lands, for the consumer to draw a marker. */
|
|
7833
|
+
this.teleportPoint = null;
|
|
7834
|
+
this.inputSystem = inputSystem;
|
|
7835
|
+
}
|
|
7836
|
+
update(world, deltaTime) {
|
|
7837
|
+
this.teleportPoint = null;
|
|
7838
|
+
if (!world.isXrPresenting()) return;
|
|
7839
|
+
const rigEntityId = world.query(XRRigComponent, TransformComponent)[0];
|
|
7840
|
+
if (typeof rigEntityId !== "number") return;
|
|
7841
|
+
const rig = world.getComponent(rigEntityId, XRRigComponent);
|
|
7842
|
+
const rigTransform = world.getComponent(rigEntityId, TransformComponent);
|
|
7843
|
+
if (!rig || !rigTransform) return;
|
|
7844
|
+
const inputs = this.inputSystem.getInputs();
|
|
7845
|
+
if (inputs.length === 0) return;
|
|
7846
|
+
if (rig.snapTurn) {
|
|
7847
|
+
this.applySnapTurn(rig, rigTransform, inputs);
|
|
7848
|
+
}
|
|
7849
|
+
if (rig.locomotion === "teleport") {
|
|
7850
|
+
this.applyTeleport(world, rigTransform, inputs);
|
|
7851
|
+
} else if (rig.locomotion === "smooth") {
|
|
7852
|
+
this.applySmoothMove(world, rig, rigTransform, inputs, deltaTime);
|
|
7853
|
+
}
|
|
7854
|
+
}
|
|
7855
|
+
/**
|
|
7856
|
+
* Snap turning, not smooth turning — rotating the view continuously is the
|
|
7857
|
+
* single biggest cause of VR nausea, so the comfort-safe option is the one
|
|
7858
|
+
* wired to the stick.
|
|
7859
|
+
*/
|
|
7860
|
+
applySnapTurn(rig, transform, inputs) {
|
|
7861
|
+
for (const input of inputs) {
|
|
7862
|
+
if (!input.hasAxes || input.axes.length < 3) continue;
|
|
7863
|
+
const x = input.axes[2] ?? 0;
|
|
7864
|
+
const source = input;
|
|
7865
|
+
if (Math.abs(x) < AXIS_DEADZONE) {
|
|
7866
|
+
this.turnLatched.delete(source);
|
|
7867
|
+
continue;
|
|
7868
|
+
}
|
|
7869
|
+
if (this.turnLatched.has(source)) continue;
|
|
7870
|
+
this.turnLatched.add(source);
|
|
7871
|
+
const step = THREE14__namespace.MathUtils.degToRad(rig.snapTurnDegrees);
|
|
7872
|
+
transform.rotation.y -= Math.sign(x) * step;
|
|
7873
|
+
}
|
|
7874
|
+
}
|
|
7875
|
+
applySmoothMove(world, rig, transform, inputs, deltaTime) {
|
|
7876
|
+
for (const input of inputs) {
|
|
7877
|
+
if (!input.hasAxes || input.axes.length < 2) continue;
|
|
7878
|
+
const x = input.axes[0] ?? 0;
|
|
7879
|
+
const y = input.axes[1] ?? 0;
|
|
7880
|
+
if (Math.abs(x) < 0.15 && Math.abs(y) < 0.15) continue;
|
|
7881
|
+
const camera = world.getCamera();
|
|
7882
|
+
const forward = new THREE14__namespace.Vector3();
|
|
7883
|
+
camera.getWorldDirection(forward);
|
|
7884
|
+
forward.y = 0;
|
|
7885
|
+
if (forward.lengthSq() < 1e-6) continue;
|
|
7886
|
+
forward.normalize();
|
|
7887
|
+
const right = new THREE14__namespace.Vector3().crossVectors(forward, UP).normalize();
|
|
7888
|
+
const step = rig.moveSpeed * Math.max(0, deltaTime);
|
|
7889
|
+
transform.position.x += (forward.x * -y + right.x * x) * step;
|
|
7890
|
+
transform.position.z += (forward.z * -y + right.z * x) * step;
|
|
7891
|
+
}
|
|
7892
|
+
}
|
|
7893
|
+
applyTeleport(world, transform, inputs) {
|
|
7894
|
+
const targets = this.collectTeleportTargets(world);
|
|
7895
|
+
if (targets.length === 0) return;
|
|
7896
|
+
for (const input of inputs) {
|
|
7897
|
+
this.raycaster.set(input.rayOrigin, input.rayDirection);
|
|
7898
|
+
const hit = this.raycaster.intersectObjects(targets, true)[0];
|
|
7899
|
+
if (!hit) continue;
|
|
7900
|
+
this.teleportPoint = hit.point.clone();
|
|
7901
|
+
if (input.selectEnd) {
|
|
7902
|
+
transform.position.x = hit.point.x;
|
|
7903
|
+
transform.position.y = hit.point.y;
|
|
7904
|
+
transform.position.z = hit.point.z;
|
|
7905
|
+
}
|
|
7906
|
+
}
|
|
7907
|
+
}
|
|
7908
|
+
collectTeleportTargets(world) {
|
|
7909
|
+
const objects = [];
|
|
7910
|
+
for (const entityId of world.query(VRTeleportAreaComponent, Object3DRef)) {
|
|
7911
|
+
const area = world.getComponent(entityId, VRTeleportAreaComponent);
|
|
7912
|
+
if (!area?.enabled) continue;
|
|
7913
|
+
if (!world.isEntityVisible(entityId)) continue;
|
|
7914
|
+
const object = world.getComponent(entityId, Object3DRef)?.object;
|
|
7915
|
+
if (object) objects.push(object);
|
|
7916
|
+
}
|
|
7917
|
+
return objects;
|
|
7918
|
+
}
|
|
7919
|
+
/**
|
|
7920
|
+
* Where the teleport pointer currently lands this frame, or null.
|
|
7921
|
+
* Consumers use this to render an aim marker.
|
|
7922
|
+
*/
|
|
7923
|
+
getTeleportPoint() {
|
|
7924
|
+
return this.teleportPoint;
|
|
7925
|
+
}
|
|
7926
|
+
};
|
|
7927
|
+
__name(_XRLocomotionSystem, "XRLocomotionSystem");
|
|
7928
|
+
var XRLocomotionSystem = _XRLocomotionSystem;
|
|
7929
|
+
|
|
7930
|
+
// core/xr/types.ts
|
|
7931
|
+
var NO_XR_CAPABILITIES = {
|
|
7932
|
+
mode: "inline",
|
|
7933
|
+
handTracking: false,
|
|
7934
|
+
planeDetection: false,
|
|
7935
|
+
meshDetection: false,
|
|
7936
|
+
depthSensing: false,
|
|
7937
|
+
anchors: false,
|
|
7938
|
+
hitTest: false,
|
|
7939
|
+
enabledFeatures: []
|
|
7940
|
+
};
|
|
7941
|
+
function readXrCapabilities(session, mode = "immersive-vr") {
|
|
7942
|
+
if (!session) return NO_XR_CAPABILITIES;
|
|
7943
|
+
const raw = session.enabledFeatures;
|
|
7944
|
+
const features = Array.isArray(raw) ? Array.from(raw) : [];
|
|
7945
|
+
const has = /* @__PURE__ */ __name((name) => features.includes(name), "has");
|
|
7946
|
+
return {
|
|
7947
|
+
mode,
|
|
7948
|
+
handTracking: has("hand-tracking"),
|
|
7949
|
+
planeDetection: has("plane-detection"),
|
|
7950
|
+
meshDetection: has("mesh-detection"),
|
|
7951
|
+
depthSensing: has("depth-sensing"),
|
|
7952
|
+
anchors: has("anchors"),
|
|
7953
|
+
hitTest: has("hit-test"),
|
|
7954
|
+
enabledFeatures: features
|
|
7955
|
+
};
|
|
7956
|
+
}
|
|
7957
|
+
__name(readXrCapabilities, "readXrCapabilities");
|
|
7958
|
+
|
|
7959
|
+
// core/systems/XRSessionSystem.ts
|
|
7960
|
+
var _XRSessionSystem = class _XRSessionSystem {
|
|
7961
|
+
constructor(inputSystem) {
|
|
7962
|
+
this.presenting = false;
|
|
7963
|
+
this.capabilities = NO_XR_CAPABILITIES;
|
|
7964
|
+
this.inputSystem = inputSystem ?? null;
|
|
7965
|
+
}
|
|
7966
|
+
update(world) {
|
|
7967
|
+
const presenting = world.isXrPresenting();
|
|
7968
|
+
if (presenting !== this.presenting) {
|
|
7969
|
+
this.presenting = presenting;
|
|
7970
|
+
if (presenting) {
|
|
7971
|
+
this.handleSessionStart(world);
|
|
7972
|
+
} else {
|
|
7973
|
+
this.handleSessionEnd(world);
|
|
7974
|
+
}
|
|
7975
|
+
}
|
|
7976
|
+
if (presenting) {
|
|
7977
|
+
this.dispatchInputEdges(world);
|
|
7978
|
+
}
|
|
7979
|
+
}
|
|
7980
|
+
handleSessionStart(world) {
|
|
7981
|
+
const session = world.getRenderer().xr.getSession();
|
|
7982
|
+
const mode = session && session.environmentBlendMode !== "opaque" ? "immersive-ar" : "immersive-vr";
|
|
7983
|
+
this.capabilities = readXrCapabilities(session ?? null, mode);
|
|
7984
|
+
if (session && this.inputSystem) {
|
|
7985
|
+
this.inputSystem.attachSession(session);
|
|
7986
|
+
}
|
|
7987
|
+
this.forEachBehaviour(world, (behaviour) => {
|
|
7988
|
+
behaviour.onXRSessionStart(this.capabilities);
|
|
7989
|
+
});
|
|
7990
|
+
}
|
|
7991
|
+
handleSessionEnd(world) {
|
|
7992
|
+
this.capabilities = NO_XR_CAPABILITIES;
|
|
7993
|
+
this.inputSystem?.detachSession();
|
|
7994
|
+
this.forEachBehaviour(world, (behaviour) => {
|
|
7995
|
+
behaviour.onXRSessionEnd();
|
|
7996
|
+
});
|
|
7997
|
+
}
|
|
7998
|
+
/**
|
|
7999
|
+
* Relay this frame's one-frame select edges. Polling the latched state (rather
|
|
8000
|
+
* than dispatching from the DOM event) keeps hook delivery on the ECS tick, so
|
|
8001
|
+
* a Behaviour's `onSelectStart` always observes the same world state its
|
|
8002
|
+
* `onUpdate` would.
|
|
8003
|
+
*/
|
|
8004
|
+
dispatchInputEdges(world) {
|
|
8005
|
+
const inputs = this.inputSystem?.getInputs();
|
|
8006
|
+
if (!inputs || inputs.length === 0) return;
|
|
8007
|
+
for (const input of inputs) {
|
|
8008
|
+
if (input.selectStart) {
|
|
8009
|
+
this.forEachBehaviour(world, (b) => b.onSelectStart(input));
|
|
8010
|
+
}
|
|
8011
|
+
if (input.selectEnd) {
|
|
8012
|
+
this.forEachBehaviour(world, (b) => b.onSelectEnd(input));
|
|
8013
|
+
}
|
|
8014
|
+
}
|
|
8015
|
+
}
|
|
8016
|
+
forEachBehaviour(world, visit) {
|
|
8017
|
+
for (const entityId of world.query(ScriptComponent)) {
|
|
8018
|
+
const script = world.getComponent(entityId, ScriptComponent);
|
|
8019
|
+
const instances = script?.scriptInstances;
|
|
8020
|
+
if (!instances) continue;
|
|
8021
|
+
for (const instance of instances.values()) {
|
|
8022
|
+
if (!(instance instanceof Behaviour)) continue;
|
|
8023
|
+
try {
|
|
8024
|
+
visit(instance);
|
|
8025
|
+
} catch (error) {
|
|
8026
|
+
console.error("[XRSessionSystem] Behaviour hook failed:", error);
|
|
8027
|
+
}
|
|
8028
|
+
}
|
|
8029
|
+
}
|
|
8030
|
+
}
|
|
8031
|
+
/** What the active session granted. `NO_XR_CAPABILITIES` when not presenting. */
|
|
8032
|
+
getCapabilities() {
|
|
8033
|
+
return this.capabilities;
|
|
8034
|
+
}
|
|
8035
|
+
/** True while an immersive session is presenting. */
|
|
8036
|
+
isPresenting() {
|
|
8037
|
+
return this.presenting;
|
|
8038
|
+
}
|
|
8039
|
+
/** Convenience passthrough so consumers need only hold this system. */
|
|
8040
|
+
getInputs() {
|
|
8041
|
+
return this.inputSystem?.getInputs() ?? [];
|
|
8042
|
+
}
|
|
8043
|
+
};
|
|
8044
|
+
__name(_XRSessionSystem, "XRSessionSystem");
|
|
8045
|
+
var XRSessionSystem = _XRSessionSystem;
|
|
7378
8046
|
|
|
7379
8047
|
exports.AnimationSystem = AnimationSystem;
|
|
7380
8048
|
exports.AudioSystem = AudioSystem;
|
|
@@ -7396,5 +8064,9 @@ exports.ScriptBehaviourSystem = ScriptBehaviourSystem;
|
|
|
7396
8064
|
exports.ScriptObjectSystem = ScriptObjectSystem;
|
|
7397
8065
|
exports.TransformSyncSystem = TransformSyncSystem;
|
|
7398
8066
|
exports.VideoSystem = VideoSystem;
|
|
8067
|
+
exports.XRInputSystem = XRInputSystem;
|
|
8068
|
+
exports.XRInteractionSystem = XRInteractionSystem;
|
|
8069
|
+
exports.XRLocomotionSystem = XRLocomotionSystem;
|
|
8070
|
+
exports.XRSessionSystem = XRSessionSystem;
|
|
7399
8071
|
//# sourceMappingURL=index.cjs.map
|
|
7400
8072
|
//# sourceMappingURL=index.cjs.map
|