[add] playwright.config.js [add] src/app/App.js [add] src/app/editor-store.js [add] src/app/use-editor-store.js [add] src/assets/audio-assets.js [add] src/assets/gltf-model-import.js [add] src/assets/image-assets.js [add] src/assets/model-instance-labels.js [add] src/assets/model-instance-rendering.js [add] src/assets/model-instances.js [add] src/assets/project-asset-storage.js [add] src/assets/project-assets.js [add] src/commands/brush-command-helpers.js [add] src/commands/command-history.js [add] src/commands/command.js [add] src/commands/commit-transform-session-command.js [add] src/commands/create-box-brush-command.js [add] src/commands/delete-box-brush-command.js [add] src/commands/delete-entity-command.js [add] src/commands/delete-interaction-link-command.js [add] src/commands/delete-model-instance-command.js [add] src/commands/import-audio-asset-command.js [add] src/commands/import-background-image-asset-command.js [add] src/commands/import-model-asset-command.js [add] src/commands/move-box-brush-command.js [add] src/commands/resize-box-brush-command.js [add] src/commands/rotate-box-brush-command.js [add] src/commands/set-box-brush-face-material-command.js [add] src/commands/set-box-brush-face-uv-state-command.js [add] src/commands/set-box-brush-name-command.js [add] src/commands/set-box-brush-transform-command.js [add] src/commands/set-entity-name-command.js [add] src/commands/set-model-instance-name-command.js [add] src/commands/set-player-start-command.js [add] src/commands/set-scene-name-command.js [add] src/commands/set-world-settings-command.js [add] src/commands/upsert-entity-command.js [add] src/commands/upsert-interaction-link-command.js [add] src/commands/upsert-model-instance-command.js [add] src/core/ids.js [add] src/core/selection.js [add] src/core/tool-mode.js [add] src/core/transform-session.js [add] src/core/vector.js [add] src/core/whitebox-selection-feedback.js [add] src/core/whitebox-selection-mode.js [add] src/document/brushes.js [add] src/document/migrate-scene-document.js [add] src/document/scene-document-validation.js [add] src/document/scene-document.js [add] src/document/world-settings.js [add] src/entities/entity-instances.js [add] src/entities/entity-labels.js [add] src/geometry/box-brush-components.js [add] src/geometry/box-brush-mesh.js [add] src/geometry/box-brush.js [add] src/geometry/box-face-uvs.js [add] src/geometry/grid-snapping.js [add] src/geometry/model-instance-collider-debug-mesh.js [add] src/geometry/model-instance-collider-generation.js [add] src/interactions/interaction-links.js [add] src/main.js [add] src/materials/starter-material-library.js [add] src/materials/starter-material-textures.js [add] src/rendering/advanced-rendering.js [add] src/runner-web/RunnerCanvas.js [add] src/runtime-three/first-person-navigation-controller.js [add] src/runtime-three/navigation-controller.js [add] src/runtime-three/orbit-visitor-navigation-controller.js [add] src/runtime-three/player-collision.js [add] src/runtime-three/rapier-collision-world.js [add] src/runtime-three/runtime-audio-system.js [add] src/runtime-three/runtime-host.js [add] src/runtime-three/runtime-interaction-system.js [add] src/runtime-three/runtime-scene-build.js [add] src/runtime-three/runtime-scene-validation.js [add] src/serialization/local-draft-storage.js [add] src/serialization/scene-document-json.js [add] src/shared-ui/HierarchicalMenu.js [add] src/shared-ui/Panel.js [add] src/shared-ui/world-background-style.js [add] src/viewport-three/ViewportCanvas.js [add] src/viewport-three/ViewportPanel.js [add] src/viewport-three/viewport-entity-markers.js [add] src/viewport-three/viewport-focus.js [add] src/viewport-three/viewport-host.js [add] src/viewport-three/viewport-layout.js [add] src/viewport-three/viewport-transient-state.js [add] src/viewport-three/viewport-view-modes.js [add] tests/domain/box-brush-face-editing.command.test.js [add] tests/domain/build-runtime-scene.test.js [add] tests/domain/create-box-brush.command.test.js [add] tests/domain/create-empty-scene-document.test.js [add] tests/domain/editor-store.test.js [add] tests/domain/entity.command.test.js [add] tests/domain/interaction-links.validation.test.js [add] tests/domain/model-import.test.js [add] tests/domain/model-instance.command.test.js [add] tests/domain/player-start.command.test.js [add] tests/domain/rapier-collision-world.test.js [add] tests/domain/runtime-audio-system.test.js [add] tests/domain/runtime-interaction-system.test.js [add] tests/domain/runtime-scene-validation.test.js [add] tests/domain/scene-document-validation.test.js [add] tests/domain/transform-session.command.test.js [add] tests/domain/world-settings.command.test.js [add] tests/domain/world-settings.test.js [add] tests/e2e/app-smoke.e2e.js [add] tests/e2e/box-brush-authoring.e2e.js [add] tests/e2e/entities-foundation.e2e.js [add] tests/e2e/face-material-authoring.e2e.js [add] tests/e2e/first-room-workflow.e2e.js [add] tests/e2e/import-draco-model-asset.e2e.js [add] tests/e2e/import-external-model-asset.e2e.js [add] tests/e2e/import-model-asset.e2e.js [add] tests/e2e/local-lights-and-background.e2e.js [add] tests/e2e/orthographic-views.e2e.js [add] tests/e2e/runner-v1.e2e.js [add] tests/e2e/runtime-click-interaction.e2e.js [add] tests/e2e/runtime-trigger-teleport.e2e.js [add] tests/e2e/viewport-quad-layout.e2e.js [add] tests/e2e/viewport-test-helpers.js [add] tests/e2e/whitebox-component-selection.e2e.js [add] tests/e2e/world-environment.e2e.js [add] tests/geometry/box-brush-geometry.test.js [add] tests/geometry/box-face-uvs.test.js [add] tests/geometry/model-instance-collider-generation.test.js [add] tests/helpers/model-collider-fixtures.js [add] tests/serialization/local-draft-storage.test.js [add] tests/serialization/project-asset-storage.test.js [add] tests/serialization/scene-document-json.test.js [add] tests/setup/vitest.setup.js [add] tests/unit/audio-assets.test.js [add] tests/unit/entity-instances.test.js [add] tests/unit/package-scripts.test.js [add] tests/unit/transform-foundation.integration.test.js [add] tests/unit/viewport-canvas.test.js [add] tests/unit/viewport-entity-markers.test.js [add] tests/unit/viewport-focus.test.js [add] tests/unit/viewport-layout.test.js [add] tests/unit/viewport-view-modes.test.js [add] vite.config.js [add] vitest.config.js
164 lines
6.8 KiB
JavaScript
164 lines
6.8 KiB
JavaScript
const DEFAULT_INTERACTABLE_TARGET_RADIUS = 0.75;
|
|
function subtractVec3(left, right) {
|
|
return {
|
|
x: left.x - right.x,
|
|
y: left.y - right.y,
|
|
z: left.z - right.z
|
|
};
|
|
}
|
|
function scaleVec3(vector, scalar) {
|
|
return {
|
|
x: vector.x * scalar,
|
|
y: vector.y * scalar,
|
|
z: vector.z * scalar
|
|
};
|
|
}
|
|
function dotVec3(left, right) {
|
|
return left.x * right.x + left.y * right.y + left.z * right.z;
|
|
}
|
|
function lengthSquaredVec3(vector) {
|
|
return dotVec3(vector, vector);
|
|
}
|
|
function distanceBetweenVec3(left, right) {
|
|
return Math.sqrt(lengthSquaredVec3(subtractVec3(left, right)));
|
|
}
|
|
function normalizeVec3(vector) {
|
|
const lengthSquared = lengthSquaredVec3(vector);
|
|
if (lengthSquared <= Number.EPSILON) {
|
|
return null;
|
|
}
|
|
return scaleVec3(vector, 1 / Math.sqrt(lengthSquared));
|
|
}
|
|
function isPointInsideTriggerVolume(position, triggerVolume) {
|
|
const halfSize = {
|
|
x: triggerVolume.size.x * 0.5,
|
|
y: triggerVolume.size.y * 0.5,
|
|
z: triggerVolume.size.z * 0.5
|
|
};
|
|
return (position.x >= triggerVolume.position.x - halfSize.x &&
|
|
position.x <= triggerVolume.position.x + halfSize.x &&
|
|
position.y >= triggerVolume.position.y - halfSize.y &&
|
|
position.y <= triggerVolume.position.y + halfSize.y &&
|
|
position.z >= triggerVolume.position.z - halfSize.z &&
|
|
position.z <= triggerVolume.position.z + halfSize.z);
|
|
}
|
|
function raySphereHitDistance(origin, direction, center, radius) {
|
|
const offset = subtractVec3(origin, center);
|
|
const halfB = dotVec3(offset, direction);
|
|
const c = dotVec3(offset, offset) - radius * radius;
|
|
const discriminant = halfB * halfB - c;
|
|
if (discriminant < 0) {
|
|
return null;
|
|
}
|
|
const discriminantRoot = Math.sqrt(discriminant);
|
|
const nearestHit = -halfB - discriminantRoot;
|
|
if (nearestHit >= 0) {
|
|
return nearestHit;
|
|
}
|
|
const farHit = -halfB + discriminantRoot;
|
|
return farHit >= 0 ? 0 : null;
|
|
}
|
|
function resolveTeleportTarget(runtimeScene, entityId) {
|
|
return runtimeScene.entities.teleportTargets.find((teleportTarget) => teleportTarget.entityId === entityId) ?? null;
|
|
}
|
|
function hasTriggerLinks(runtimeScene, sourceEntityId, trigger) {
|
|
return runtimeScene.interactionLinks.some((link) => link.sourceEntityId === sourceEntityId && link.trigger === trigger);
|
|
}
|
|
function getInteractableTargetRadius(interactable) {
|
|
return Math.min(DEFAULT_INTERACTABLE_TARGET_RADIUS, interactable.radius);
|
|
}
|
|
export class RuntimeInteractionSystem {
|
|
occupiedTriggerVolumes = new Set();
|
|
reset() {
|
|
this.occupiedTriggerVolumes.clear();
|
|
}
|
|
updatePlayerPosition(feetPosition, runtimeScene, dispatcher) {
|
|
for (const triggerVolume of runtimeScene.entities.triggerVolumes) {
|
|
const containsPlayer = isPointInsideTriggerVolume(feetPosition, triggerVolume);
|
|
const wasOccupied = this.occupiedTriggerVolumes.has(triggerVolume.entityId);
|
|
if (!wasOccupied && containsPlayer && hasTriggerLinks(runtimeScene, triggerVolume.entityId, "enter")) {
|
|
this.dispatchLinks(triggerVolume.entityId, "enter", runtimeScene, dispatcher);
|
|
}
|
|
else if (wasOccupied && !containsPlayer && hasTriggerLinks(runtimeScene, triggerVolume.entityId, "exit")) {
|
|
this.dispatchLinks(triggerVolume.entityId, "exit", runtimeScene, dispatcher);
|
|
}
|
|
if (containsPlayer) {
|
|
this.occupiedTriggerVolumes.add(triggerVolume.entityId);
|
|
}
|
|
else {
|
|
this.occupiedTriggerVolumes.delete(triggerVolume.entityId);
|
|
}
|
|
}
|
|
}
|
|
resolveClickInteractionPrompt(viewOrigin, viewDirection, runtimeScene) {
|
|
const normalizedViewDirection = normalizeVec3(viewDirection);
|
|
if (normalizedViewDirection === null) {
|
|
return null;
|
|
}
|
|
let bestPrompt = null;
|
|
let bestHitDistance = Number.POSITIVE_INFINITY;
|
|
for (const interactable of runtimeScene.entities.interactables) {
|
|
if (!interactable.enabled || !hasTriggerLinks(runtimeScene, interactable.entityId, "click")) {
|
|
continue;
|
|
}
|
|
const distance = distanceBetweenVec3(viewOrigin, interactable.position);
|
|
if (distance > interactable.radius) {
|
|
continue;
|
|
}
|
|
const hitDistance = raySphereHitDistance(viewOrigin, normalizedViewDirection, interactable.position, getInteractableTargetRadius(interactable));
|
|
if (hitDistance === null) {
|
|
continue;
|
|
}
|
|
const nextPrompt = {
|
|
sourceEntityId: interactable.entityId,
|
|
prompt: interactable.prompt,
|
|
distance,
|
|
range: interactable.radius
|
|
};
|
|
if (hitDistance < bestHitDistance ||
|
|
(hitDistance === bestHitDistance &&
|
|
(bestPrompt === null ||
|
|
distance < bestPrompt.distance ||
|
|
(distance === bestPrompt.distance && interactable.entityId.localeCompare(bestPrompt.sourceEntityId) < 0)))) {
|
|
bestHitDistance = hitDistance;
|
|
bestPrompt = nextPrompt;
|
|
}
|
|
}
|
|
return bestPrompt;
|
|
}
|
|
dispatchClickInteraction(sourceEntityId, runtimeScene, dispatcher) {
|
|
this.dispatchLinks(sourceEntityId, "click", runtimeScene, dispatcher);
|
|
}
|
|
dispatchLinks(sourceEntityId, trigger, runtimeScene, dispatcher) {
|
|
for (const link of runtimeScene.interactionLinks) {
|
|
if (link.sourceEntityId !== sourceEntityId || link.trigger !== trigger) {
|
|
continue;
|
|
}
|
|
switch (link.action.type) {
|
|
case "teleportPlayer": {
|
|
const teleportTarget = resolveTeleportTarget(runtimeScene, link.action.targetEntityId);
|
|
if (teleportTarget !== null) {
|
|
dispatcher.teleportPlayer(teleportTarget, link);
|
|
}
|
|
break;
|
|
}
|
|
case "toggleVisibility":
|
|
dispatcher.toggleBrushVisibility(link.action.targetBrushId, link.action.visible, link);
|
|
break;
|
|
case "playAnimation":
|
|
dispatcher.playAnimation(link.action.targetModelInstanceId, link.action.clipName, link.action.loop, link);
|
|
break;
|
|
case "stopAnimation":
|
|
dispatcher.stopAnimation(link.action.targetModelInstanceId, link);
|
|
break;
|
|
case "playSound":
|
|
dispatcher.playSound(link.action.targetSoundEmitterId, link);
|
|
break;
|
|
case "stopSound":
|
|
dispatcher.stopSound(link.action.targetSoundEmitterId, link);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|