[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
374 lines
13 KiB
JavaScript
374 lines
13 KiB
JavaScript
import { describe, expect, it } from "vitest";
|
|
import { createPlayAnimationInteractionLink, createPlaySoundInteractionLink, createTeleportPlayerInteractionLink, createToggleVisibilityInteractionLink, createStopAnimationInteractionLink, createStopSoundInteractionLink } from "../../src/interactions/interaction-links";
|
|
import { createDefaultWorldSettings } from "../../src/document/world-settings";
|
|
import { RuntimeInteractionSystem } from "../../src/runtime-three/runtime-interaction-system";
|
|
function createRuntimeSceneFixture() {
|
|
return {
|
|
world: {
|
|
...createDefaultWorldSettings(),
|
|
background: {
|
|
mode: "solid",
|
|
colorHex: "#000000"
|
|
},
|
|
ambientLight: {
|
|
colorHex: "#ffffff",
|
|
intensity: 1
|
|
},
|
|
sunLight: {
|
|
colorHex: "#ffffff",
|
|
intensity: 1,
|
|
direction: {
|
|
x: 0,
|
|
y: 1,
|
|
z: 0
|
|
}
|
|
}
|
|
},
|
|
brushes: [],
|
|
colliders: [],
|
|
sceneBounds: null,
|
|
localLights: {
|
|
pointLights: [],
|
|
spotLights: []
|
|
},
|
|
modelInstances: [],
|
|
entities: {
|
|
playerStarts: [],
|
|
soundEmitters: [
|
|
{
|
|
entityId: "entity-sound-lobby",
|
|
position: {
|
|
x: 0,
|
|
y: 1,
|
|
z: 0
|
|
},
|
|
audioAssetId: "asset-audio-lobby",
|
|
volume: 0.75,
|
|
refDistance: 6,
|
|
maxDistance: 24,
|
|
autoplay: false,
|
|
loop: true
|
|
}
|
|
],
|
|
triggerVolumes: [
|
|
{
|
|
entityId: "entity-trigger-main",
|
|
position: {
|
|
x: 0,
|
|
y: 0,
|
|
z: 0
|
|
},
|
|
size: {
|
|
x: 2,
|
|
y: 2,
|
|
z: 2
|
|
},
|
|
triggerOnEnter: true,
|
|
triggerOnExit: true
|
|
}
|
|
],
|
|
teleportTargets: [
|
|
{
|
|
entityId: "entity-teleport-main",
|
|
position: {
|
|
x: 8,
|
|
y: 0,
|
|
z: -4
|
|
},
|
|
yawDegrees: 180
|
|
}
|
|
],
|
|
interactables: [
|
|
{
|
|
entityId: "entity-interactable-console",
|
|
position: {
|
|
x: 0,
|
|
y: 1,
|
|
z: 1
|
|
},
|
|
radius: 2,
|
|
prompt: "Use Console",
|
|
enabled: true
|
|
},
|
|
{
|
|
entityId: "entity-interactable-disabled",
|
|
position: {
|
|
x: 0.25,
|
|
y: 1,
|
|
z: 1
|
|
},
|
|
radius: 2,
|
|
prompt: "Disabled Prompt",
|
|
enabled: false
|
|
}
|
|
]
|
|
},
|
|
interactionLinks: [],
|
|
playerStart: null,
|
|
playerCollider: {
|
|
mode: "capsule",
|
|
radius: 0.3,
|
|
height: 1.8,
|
|
eyeHeight: 1.6
|
|
},
|
|
spawn: {
|
|
source: "fallback",
|
|
entityId: null,
|
|
position: {
|
|
x: 0,
|
|
y: 0,
|
|
z: 0
|
|
},
|
|
yawDegrees: 0
|
|
}
|
|
};
|
|
}
|
|
describe("RuntimeInteractionSystem", () => {
|
|
it("dispatches teleport player on Trigger Volume enter", () => {
|
|
const runtimeScene = createRuntimeSceneFixture();
|
|
runtimeScene.interactionLinks = [
|
|
createTeleportPlayerInteractionLink({
|
|
id: "link-teleport",
|
|
sourceEntityId: "entity-trigger-main",
|
|
trigger: "enter",
|
|
targetEntityId: "entity-teleport-main"
|
|
})
|
|
];
|
|
const interactionSystem = new RuntimeInteractionSystem();
|
|
const dispatches = [];
|
|
interactionSystem.updatePlayerPosition({
|
|
x: 0,
|
|
y: 0,
|
|
z: 0
|
|
}, runtimeScene, {
|
|
teleportPlayer: (target, link) => {
|
|
dispatches.push(`${link.id}:${target.entityId}:${target.position.x}`);
|
|
},
|
|
toggleBrushVisibility: () => {
|
|
dispatches.push("toggle");
|
|
},
|
|
playAnimation: () => { },
|
|
stopAnimation: () => { },
|
|
playSound: () => { },
|
|
stopSound: () => { }
|
|
});
|
|
interactionSystem.updatePlayerPosition({
|
|
x: 0.25,
|
|
y: 0,
|
|
z: 0.25
|
|
}, runtimeScene, {
|
|
teleportPlayer: (target, link) => {
|
|
dispatches.push(`${link.id}:${target.entityId}:${target.position.x}`);
|
|
},
|
|
toggleBrushVisibility: () => {
|
|
dispatches.push("toggle");
|
|
},
|
|
playAnimation: () => { },
|
|
stopAnimation: () => { },
|
|
playSound: () => { },
|
|
stopSound: () => { }
|
|
});
|
|
expect(dispatches).toEqual(["link-teleport:entity-teleport-main:8"]);
|
|
});
|
|
it("dispatches animation actions with the authored target model instance and clip", () => {
|
|
const runtimeScene = createRuntimeSceneFixture();
|
|
runtimeScene.interactionLinks = [
|
|
createPlayAnimationInteractionLink({
|
|
id: "link-play-animation",
|
|
sourceEntityId: "entity-interactable-console",
|
|
trigger: "click",
|
|
targetModelInstanceId: "model-instance-animated",
|
|
clipName: "Walk",
|
|
loop: false
|
|
}),
|
|
createStopAnimationInteractionLink({
|
|
id: "link-stop-animation",
|
|
sourceEntityId: "entity-interactable-console",
|
|
trigger: "click",
|
|
targetModelInstanceId: "model-instance-animated"
|
|
})
|
|
];
|
|
const interactionSystem = new RuntimeInteractionSystem();
|
|
const dispatches = [];
|
|
interactionSystem.dispatchClickInteraction("entity-interactable-console", runtimeScene, {
|
|
teleportPlayer: () => {
|
|
throw new Error("Teleport should not dispatch in this fixture.");
|
|
},
|
|
toggleBrushVisibility: () => {
|
|
throw new Error("Visibility should not dispatch in this fixture.");
|
|
},
|
|
playAnimation: (instanceId, clipName, loop, link) => {
|
|
dispatches.push(`${link.id}:${instanceId}:${clipName}:${loop === false ? "once" : "loop"}`);
|
|
},
|
|
stopAnimation: (instanceId, link) => {
|
|
dispatches.push(`${link.id}:${instanceId}`);
|
|
},
|
|
playSound: () => { },
|
|
stopSound: () => { }
|
|
});
|
|
expect(dispatches).toEqual([
|
|
"link-play-animation:model-instance-animated:Walk:once",
|
|
"link-stop-animation:model-instance-animated"
|
|
]);
|
|
});
|
|
it("dispatches visibility actions only when exiting an occupied Trigger Volume", () => {
|
|
const runtimeScene = createRuntimeSceneFixture();
|
|
runtimeScene.interactionLinks = [
|
|
createToggleVisibilityInteractionLink({
|
|
id: "link-hide-door",
|
|
sourceEntityId: "entity-trigger-main",
|
|
trigger: "exit",
|
|
targetBrushId: "brush-door",
|
|
visible: false
|
|
})
|
|
];
|
|
const interactionSystem = new RuntimeInteractionSystem();
|
|
const dispatches = [];
|
|
interactionSystem.updatePlayerPosition({
|
|
x: 0,
|
|
y: 0,
|
|
z: 0
|
|
}, runtimeScene, {
|
|
teleportPlayer: () => {
|
|
throw new Error("Teleport should not dispatch in this fixture.");
|
|
},
|
|
toggleBrushVisibility: (brushId, visible) => {
|
|
dispatches.push({
|
|
brushId,
|
|
visible
|
|
});
|
|
},
|
|
playAnimation: () => { },
|
|
stopAnimation: () => { },
|
|
playSound: () => { },
|
|
stopSound: () => { }
|
|
});
|
|
interactionSystem.updatePlayerPosition({
|
|
x: 3,
|
|
y: 0,
|
|
z: 0
|
|
}, runtimeScene, {
|
|
teleportPlayer: () => {
|
|
throw new Error("Teleport should not dispatch in this fixture.");
|
|
},
|
|
toggleBrushVisibility: (brushId, visible) => {
|
|
dispatches.push({
|
|
brushId,
|
|
visible
|
|
});
|
|
},
|
|
playAnimation: () => { },
|
|
stopAnimation: () => { },
|
|
playSound: () => { },
|
|
stopSound: () => { }
|
|
});
|
|
expect(dispatches).toEqual([
|
|
{
|
|
brushId: "brush-door",
|
|
visible: false
|
|
}
|
|
]);
|
|
});
|
|
it("shows a click prompt only for enabled interactables with authored click links inside range", () => {
|
|
const runtimeScene = createRuntimeSceneFixture();
|
|
runtimeScene.interactionLinks = [
|
|
createTeleportPlayerInteractionLink({
|
|
id: "link-click-teleport",
|
|
sourceEntityId: "entity-interactable-console",
|
|
trigger: "click",
|
|
targetEntityId: "entity-teleport-main"
|
|
})
|
|
];
|
|
const interactionSystem = new RuntimeInteractionSystem();
|
|
expect(interactionSystem.resolveClickInteractionPrompt({
|
|
x: 0,
|
|
y: 1.6,
|
|
z: 0
|
|
}, {
|
|
x: 0,
|
|
y: 0,
|
|
z: 1
|
|
}, runtimeScene)).toEqual({
|
|
sourceEntityId: "entity-interactable-console",
|
|
prompt: "Use Console",
|
|
distance: expect.any(Number),
|
|
range: 2
|
|
});
|
|
expect(interactionSystem.resolveClickInteractionPrompt({
|
|
x: 0,
|
|
y: 1.6,
|
|
z: 0
|
|
}, {
|
|
x: 1,
|
|
y: 0,
|
|
z: 0
|
|
}, runtimeScene)).toBeNull();
|
|
});
|
|
it("dispatches click actions for the targeted Interactable", () => {
|
|
const runtimeScene = createRuntimeSceneFixture();
|
|
runtimeScene.interactionLinks = [
|
|
createTeleportPlayerInteractionLink({
|
|
id: "link-click-teleport",
|
|
sourceEntityId: "entity-interactable-console",
|
|
trigger: "click",
|
|
targetEntityId: "entity-teleport-main"
|
|
})
|
|
];
|
|
const interactionSystem = new RuntimeInteractionSystem();
|
|
const dispatches = [];
|
|
interactionSystem.dispatchClickInteraction("entity-interactable-console", runtimeScene, {
|
|
teleportPlayer: (target, link) => {
|
|
dispatches.push(`${link.id}:${target.entityId}:${target.position.x}`);
|
|
},
|
|
toggleBrushVisibility: () => {
|
|
throw new Error("Visibility should not dispatch for this click fixture.");
|
|
},
|
|
playAnimation: () => { },
|
|
stopAnimation: () => { },
|
|
playSound: () => { },
|
|
stopSound: () => { }
|
|
});
|
|
expect(dispatches).toEqual(["link-click-teleport:entity-teleport-main:8"]);
|
|
});
|
|
it("dispatches play and stop sound actions for the targeted Sound Emitter", () => {
|
|
const runtimeScene = createRuntimeSceneFixture();
|
|
runtimeScene.interactionLinks = [
|
|
createPlaySoundInteractionLink({
|
|
id: "link-play-sound",
|
|
sourceEntityId: "entity-interactable-console",
|
|
trigger: "click",
|
|
targetSoundEmitterId: "entity-sound-lobby"
|
|
}),
|
|
createStopSoundInteractionLink({
|
|
id: "link-stop-sound",
|
|
sourceEntityId: "entity-interactable-console",
|
|
trigger: "click",
|
|
targetSoundEmitterId: "entity-sound-lobby"
|
|
})
|
|
];
|
|
const interactionSystem = new RuntimeInteractionSystem();
|
|
const dispatches = [];
|
|
interactionSystem.dispatchClickInteraction("entity-interactable-console", runtimeScene, {
|
|
teleportPlayer: () => {
|
|
throw new Error("Teleport should not dispatch in this fixture.");
|
|
},
|
|
toggleBrushVisibility: () => {
|
|
throw new Error("Visibility should not dispatch in this fixture.");
|
|
},
|
|
playAnimation: () => {
|
|
throw new Error("Animation should not dispatch in this fixture.");
|
|
},
|
|
stopAnimation: () => {
|
|
throw new Error("Animation should not dispatch in this fixture.");
|
|
},
|
|
playSound: (soundEmitterId, link) => {
|
|
dispatches.push(`${link.id}:${soundEmitterId}`);
|
|
},
|
|
stopSound: (soundEmitterId, link) => {
|
|
dispatches.push(`${link.id}:${soundEmitterId}`);
|
|
}
|
|
});
|
|
expect(dispatches).toEqual(["link-play-sound:entity-sound-lobby", "link-stop-sound:entity-sound-lobby"]);
|
|
});
|
|
});
|