Refine pointer lock state management and request logic

This commit is contained in:
2026-04-27 18:26:15 +02:00
parent eb7b27e05b
commit 8359907f8c
2 changed files with 46 additions and 9 deletions

View File

@@ -4899,9 +4899,7 @@ export function App({ store, initialStatusMessage }: AppProps) {
return;
}
const pointerCaptured =
activeNavigationMode === "firstPerson" &&
firstPersonTelemetry?.pointerLocked === true;
const pointerCaptured = firstPersonTelemetry?.pointerLocked === true;
if (pointerCaptured) {
return;
@@ -4916,7 +4914,7 @@ export function App({ store, initialStatusMessage }: AppProps) {
return () => {
window.removeEventListener("keydown", handleWindowKeyDown);
};
}, [activeNavigationMode, editorState.toolMode, firstPersonTelemetry]);
}, [editorState.toolMode, firstPersonTelemetry]);
const applyProjectName = () => {
const normalizedName = projectNameDraft.trim() || DEFAULT_PROJECT_NAME;
@@ -13359,11 +13357,7 @@ export function App({ store, initialStatusMessage }: AppProps) {
<div className="stat-card">
<div className="label">Pointer Lock</div>
<div className="value">
{activeNavigationMode === "firstPerson"
? firstPersonTelemetry?.pointerLocked
? "active"
: "idle"
: "not used"}
{firstPersonTelemetry?.pointerLocked ? "active" : "idle"}
</div>
</div>
<div className="stat-card">

View File

@@ -969,13 +969,56 @@ export class RuntimeHost {
this.runtimeMessageHandler?.(message);
},
setPlayerControllerTelemetry: (telemetry) => {
const pointerLockReleasedWithEscapeTargetClear =
this.currentPlayerControllerTelemetry?.pointerLocked === true &&
telemetry !== null &&
telemetry.pointerLocked === false &&
this.activeController === this.thirdPersonController &&
this.activeRuntimeTargetReference !== null &&
this.resolveRuntimePlayerInputBindings().keyboard.clearTarget ===
"Escape";
this.currentPlayerControllerTelemetry = telemetry;
this.currentPlayerAudioHooks = telemetry?.hooks.audio ?? null;
if (pointerLockReleasedWithEscapeTargetClear) {
this.clearActiveRuntimeTarget();
this.requestRuntimePointerLock();
}
this.playerControllerTelemetryHandler?.(telemetry);
}
};
}
private requestRuntimePointerLock() {
if (
document.pointerLockElement === this.domElement ||
(this.activeController !== this.firstPersonController &&
this.activeController !== this.thirdPersonController)
) {
return;
}
const pointerLockCapableElement = this.domElement as HTMLCanvasElement & {
requestPointerLock?: () => void | Promise<void>;
};
if (typeof pointerLockCapableElement.requestPointerLock !== "function") {
return;
}
try {
const pointerLockResult = pointerLockCapableElement.requestPointerLock();
if (pointerLockResult instanceof Promise) {
pointerLockResult.catch(() => {});
}
} catch {
// Browser Escape handling can reject immediate recapture; clearing wins.
}
}
private resolvePlayerVolumeState(feetPosition: {
x: number;
y: number;