[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
159 lines
5.7 KiB
JavaScript
159 lines
5.7 KiB
JavaScript
import { Euler, MathUtils, Quaternion, Vector3 } from "three";
|
|
import { BOX_FACE_IDS } from "../document/brushes";
|
|
import { getBoxBrushFaceVertexIds, getBoxBrushLocalVertexPosition } from "./box-brush-mesh";
|
|
const BOX_VERTEX_SIGNS = {
|
|
negX_negY_negZ: { x: -1, y: -1, z: -1 },
|
|
posX_negY_negZ: { x: 1, y: -1, z: -1 },
|
|
negX_posY_negZ: { x: -1, y: 1, z: -1 },
|
|
posX_posY_negZ: { x: 1, y: 1, z: -1 },
|
|
negX_negY_posZ: { x: -1, y: -1, z: 1 },
|
|
posX_negY_posZ: { x: 1, y: -1, z: 1 },
|
|
negX_posY_posZ: { x: -1, y: 1, z: 1 },
|
|
posX_posY_posZ: { x: 1, y: 1, z: 1 }
|
|
};
|
|
const BOX_FACE_TRANSFORM_META = {
|
|
posX: { axis: "x", sign: 1 },
|
|
negX: { axis: "x", sign: -1 },
|
|
posY: { axis: "y", sign: 1 },
|
|
negY: { axis: "y", sign: -1 },
|
|
posZ: { axis: "z", sign: 1 },
|
|
negZ: { axis: "z", sign: -1 }
|
|
};
|
|
const BOX_EDGE_TRANSFORM_META = {
|
|
edgeX_negY_negZ: {
|
|
axis: "x",
|
|
signs: { x: null, y: -1, z: -1 }
|
|
},
|
|
edgeX_posY_negZ: {
|
|
axis: "x",
|
|
signs: { x: null, y: 1, z: -1 }
|
|
},
|
|
edgeX_negY_posZ: {
|
|
axis: "x",
|
|
signs: { x: null, y: -1, z: 1 }
|
|
},
|
|
edgeX_posY_posZ: {
|
|
axis: "x",
|
|
signs: { x: null, y: 1, z: 1 }
|
|
},
|
|
edgeY_negX_negZ: {
|
|
axis: "y",
|
|
signs: { x: -1, y: null, z: -1 }
|
|
},
|
|
edgeY_posX_negZ: {
|
|
axis: "y",
|
|
signs: { x: 1, y: null, z: -1 }
|
|
},
|
|
edgeY_negX_posZ: {
|
|
axis: "y",
|
|
signs: { x: -1, y: null, z: 1 }
|
|
},
|
|
edgeY_posX_posZ: {
|
|
axis: "y",
|
|
signs: { x: 1, y: null, z: 1 }
|
|
},
|
|
edgeZ_negX_negY: {
|
|
axis: "z",
|
|
signs: { x: -1, y: -1, z: null }
|
|
},
|
|
edgeZ_posX_negY: {
|
|
axis: "z",
|
|
signs: { x: 1, y: -1, z: null }
|
|
},
|
|
edgeZ_negX_posY: {
|
|
axis: "z",
|
|
signs: { x: -1, y: 1, z: null }
|
|
},
|
|
edgeZ_posX_posY: {
|
|
axis: "z",
|
|
signs: { x: 1, y: 1, z: null }
|
|
}
|
|
};
|
|
const BOX_EDGE_VERTEX_IDS = {
|
|
edgeX_negY_negZ: { start: "negX_negY_negZ", end: "posX_negY_negZ" },
|
|
edgeX_posY_negZ: { start: "negX_posY_negZ", end: "posX_posY_negZ" },
|
|
edgeX_negY_posZ: { start: "negX_negY_posZ", end: "posX_negY_posZ" },
|
|
edgeX_posY_posZ: { start: "negX_posY_posZ", end: "posX_posY_posZ" },
|
|
edgeY_negX_negZ: { start: "negX_negY_negZ", end: "negX_posY_negZ" },
|
|
edgeY_posX_negZ: { start: "posX_negY_negZ", end: "posX_posY_negZ" },
|
|
edgeY_negX_posZ: { start: "negX_negY_posZ", end: "negX_posY_posZ" },
|
|
edgeY_posX_posZ: { start: "posX_negY_posZ", end: "posX_posY_posZ" },
|
|
edgeZ_negX_negY: { start: "negX_negY_negZ", end: "negX_negY_posZ" },
|
|
edgeZ_posX_negY: { start: "posX_negY_negZ", end: "posX_negY_posZ" },
|
|
edgeZ_negX_posY: { start: "negX_posY_negZ", end: "negX_posY_posZ" },
|
|
edgeZ_posX_posY: { start: "posX_posY_negZ", end: "posX_posY_posZ" }
|
|
};
|
|
function createBrushRotationEuler(brush) {
|
|
return new Euler(MathUtils.degToRad(brush.rotationDegrees.x), MathUtils.degToRad(brush.rotationDegrees.y), MathUtils.degToRad(brush.rotationDegrees.z), "XYZ");
|
|
}
|
|
export function transformBoxBrushWorldVectorToLocal(brush, worldVector) {
|
|
const rotation = createBrushRotationEuler(brush);
|
|
const inverseRotation = new Quaternion().setFromEuler(rotation).invert();
|
|
const localVector = new Vector3(worldVector.x, worldVector.y, worldVector.z).applyQuaternion(inverseRotation);
|
|
return {
|
|
x: localVector.x,
|
|
y: localVector.y,
|
|
z: localVector.z
|
|
};
|
|
}
|
|
export function transformBoxBrushLocalPointToWorld(brush, localPoint) {
|
|
const rotation = createBrushRotationEuler(brush);
|
|
const rotatedOffset = new Vector3(localPoint.x, localPoint.y, localPoint.z).applyEuler(rotation);
|
|
return {
|
|
x: brush.center.x + rotatedOffset.x,
|
|
y: brush.center.y + rotatedOffset.y,
|
|
z: brush.center.z + rotatedOffset.z
|
|
};
|
|
}
|
|
export function getBoxBrushFaceTransformMeta(faceId) {
|
|
return BOX_FACE_TRANSFORM_META[faceId];
|
|
}
|
|
export function getBoxBrushEdgeTransformMeta(edgeId) {
|
|
return BOX_EDGE_TRANSFORM_META[edgeId];
|
|
}
|
|
export function getBoxBrushVertexSigns(vertexId) {
|
|
return BOX_VERTEX_SIGNS[vertexId];
|
|
}
|
|
export function getBoxBrushFaceWorldCenter(brush, faceId) {
|
|
const faceVertexIds = getBoxBrushFaceVertexIds(faceId);
|
|
const localCenter = faceVertexIds.reduce((accumulator, vertexId) => {
|
|
const vertex = getBoxBrushLocalVertexPosition(brush, vertexId);
|
|
return {
|
|
x: accumulator.x + vertex.x * 0.25,
|
|
y: accumulator.y + vertex.y * 0.25,
|
|
z: accumulator.z + vertex.z * 0.25
|
|
};
|
|
}, { x: 0, y: 0, z: 0 });
|
|
return transformBoxBrushLocalPointToWorld(brush, localCenter);
|
|
}
|
|
export function getBoxBrushFaceAxis(faceId) {
|
|
return BOX_FACE_TRANSFORM_META[faceId].axis;
|
|
}
|
|
export function getBoxBrushEdgeAxis(edgeId) {
|
|
return BOX_EDGE_TRANSFORM_META[edgeId].axis;
|
|
}
|
|
export function getBoxBrushFaceIdsForAxis(axis) {
|
|
return BOX_FACE_IDS.filter((faceId) => BOX_FACE_TRANSFORM_META[faceId].axis === axis);
|
|
}
|
|
export function getBoxBrushVertexLocalPosition(brush, vertexId) {
|
|
return getBoxBrushLocalVertexPosition(brush, vertexId);
|
|
}
|
|
export function getBoxBrushVertexWorldPosition(brush, vertexId) {
|
|
return transformBoxBrushLocalPointToWorld(brush, getBoxBrushVertexLocalPosition(brush, vertexId));
|
|
}
|
|
export function getBoxBrushEdgeWorldSegment(brush, edgeId) {
|
|
const vertexIds = BOX_EDGE_VERTEX_IDS[edgeId];
|
|
const start = getBoxBrushVertexWorldPosition(brush, vertexIds.start);
|
|
const end = getBoxBrushVertexWorldPosition(brush, vertexIds.end);
|
|
return {
|
|
id: edgeId,
|
|
start,
|
|
end,
|
|
center: {
|
|
x: (start.x + end.x) * 0.5,
|
|
y: (start.y + end.y) * 0.5,
|
|
z: (start.z + end.z) * 0.5
|
|
}
|
|
};
|
|
}
|