auto-git:
[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
This commit is contained in:
119
src/geometry/model-instance-collider-debug-mesh.js
Normal file
119
src/geometry/model-instance-collider-debug-mesh.js
Normal file
@@ -0,0 +1,119 @@
|
||||
import { BoxGeometry, BufferGeometry, Float32BufferAttribute, Group, Mesh, MeshBasicMaterial, Vector3 } from "three";
|
||||
import { ConvexGeometry } from "three/examples/jsm/geometries/ConvexGeometry.js";
|
||||
const DEBUG_COLLIDER_COLORS = {
|
||||
simple: 0x87d2ff,
|
||||
terrain: 0x7be7b4,
|
||||
static: 0xffc66d,
|
||||
dynamic: 0xff8b7a
|
||||
};
|
||||
function createWireframeMaterial(color) {
|
||||
return new MeshBasicMaterial({
|
||||
color,
|
||||
wireframe: true,
|
||||
transparent: true,
|
||||
opacity: 0.85,
|
||||
depthWrite: false,
|
||||
toneMapped: false
|
||||
});
|
||||
}
|
||||
function markDebugMesh(mesh) {
|
||||
mesh.userData.shadowIgnored = true;
|
||||
mesh.userData.nonPickable = true;
|
||||
mesh.renderOrder = 3_500;
|
||||
}
|
||||
function createBoxColliderDebugMesh(collider) {
|
||||
const mesh = new Mesh(new BoxGeometry(collider.size.x, collider.size.y, collider.size.z), createWireframeMaterial(DEBUG_COLLIDER_COLORS.simple));
|
||||
mesh.position.set(collider.center.x, collider.center.y, collider.center.z);
|
||||
markDebugMesh(mesh);
|
||||
return mesh;
|
||||
}
|
||||
function createTriMeshColliderDebugMesh(collider) {
|
||||
const geometry = new BufferGeometry();
|
||||
geometry.setAttribute("position", new Float32BufferAttribute(collider.vertices, 3));
|
||||
geometry.setIndex(Array.from(collider.indices));
|
||||
const mesh = new Mesh(geometry, createWireframeMaterial(DEBUG_COLLIDER_COLORS.static));
|
||||
markDebugMesh(mesh);
|
||||
return mesh;
|
||||
}
|
||||
function createHeightfieldColliderDebugMesh(collider) {
|
||||
const vertices = [];
|
||||
const indices = [];
|
||||
const width = collider.maxX - collider.minX;
|
||||
const depth = collider.maxZ - collider.minZ;
|
||||
for (let zIndex = 0; zIndex < collider.cols; zIndex += 1) {
|
||||
const zLerp = collider.cols === 1 ? 0 : zIndex / (collider.cols - 1);
|
||||
const z = collider.minZ + depth * zLerp;
|
||||
for (let xIndex = 0; xIndex < collider.rows; xIndex += 1) {
|
||||
const xLerp = collider.rows === 1 ? 0 : xIndex / (collider.rows - 1);
|
||||
const x = collider.minX + width * xLerp;
|
||||
const y = collider.heights[xIndex + zIndex * collider.rows];
|
||||
vertices.push(x, y, z);
|
||||
}
|
||||
}
|
||||
for (let zIndex = 0; zIndex < collider.cols - 1; zIndex += 1) {
|
||||
for (let xIndex = 0; xIndex < collider.rows - 1; xIndex += 1) {
|
||||
const topLeft = xIndex + zIndex * collider.rows;
|
||||
const topRight = topLeft + 1;
|
||||
const bottomLeft = topLeft + collider.rows;
|
||||
const bottomRight = bottomLeft + 1;
|
||||
indices.push(topLeft, bottomLeft, bottomRight, topLeft, bottomRight, topRight);
|
||||
}
|
||||
}
|
||||
const geometry = new BufferGeometry();
|
||||
geometry.setAttribute("position", new Float32BufferAttribute(vertices, 3));
|
||||
geometry.setIndex(indices);
|
||||
const mesh = new Mesh(geometry, createWireframeMaterial(DEBUG_COLLIDER_COLORS.terrain));
|
||||
markDebugMesh(mesh);
|
||||
return mesh;
|
||||
}
|
||||
function createCompoundColliderDebugGroup(collider) {
|
||||
const group = new Group();
|
||||
for (const piece of collider.pieces) {
|
||||
const points = [];
|
||||
for (let index = 0; index < piece.points.length; index += 3) {
|
||||
points.push(new Vector3(piece.points[index], piece.points[index + 1], piece.points[index + 2]));
|
||||
}
|
||||
const mesh = new Mesh(new ConvexGeometry(points), createWireframeMaterial(DEBUG_COLLIDER_COLORS.dynamic));
|
||||
markDebugMesh(mesh);
|
||||
group.add(mesh);
|
||||
}
|
||||
return group;
|
||||
}
|
||||
export function createModelColliderDebugGroup(collider) {
|
||||
const group = new Group();
|
||||
switch (collider.kind) {
|
||||
case "box":
|
||||
group.add(createBoxColliderDebugMesh(collider));
|
||||
break;
|
||||
case "trimesh":
|
||||
group.add(createTriMeshColliderDebugMesh(collider));
|
||||
break;
|
||||
case "heightfield":
|
||||
group.add(createHeightfieldColliderDebugMesh(collider));
|
||||
break;
|
||||
case "compound":
|
||||
group.add(createCompoundColliderDebugGroup(collider));
|
||||
break;
|
||||
}
|
||||
group.userData.nonPickable = true;
|
||||
return group;
|
||||
}
|
||||
function disposeMaterial(material) {
|
||||
if (Array.isArray(material)) {
|
||||
for (const item of material) {
|
||||
item.dispose();
|
||||
}
|
||||
return;
|
||||
}
|
||||
material.dispose();
|
||||
}
|
||||
export function disposeModelColliderDebugGroup(group) {
|
||||
group.traverse((object) => {
|
||||
const maybeMesh = object;
|
||||
if (maybeMesh.isMesh !== true) {
|
||||
return;
|
||||
}
|
||||
maybeMesh.geometry.dispose();
|
||||
disposeMaterial(maybeMesh.material);
|
||||
});
|
||||
}
|
||||
Reference in New Issue
Block a user