karim/DOSSIER-STANDALONE
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Kontext-Objekte im 3D-Viewport anwählbar (Klick, Bounding-Box-Highlight, Löschen)

Browse Source 
Importierte Gebäude/Terrain-Meshes waren bisher nur ein Eintrag im Geo-Panel,
nicht direkt im 3D anwählbar. Raycast/Pick-Geometrie um Kontext-Meshes
erweitert, Auswahl-Kanal (selectedContextObjectIds) ergänzt, Highlight als
Bounding-Box-Umriss (volles Dreiecks-Wireframe wäre bei grossen Importen zu
dicht), Entf-Taste löscht die Auswahl, SitePanel hebt sie in der Liste hervor.
This commit is contained in:
Karim
2026-07-12 19:54:00 +02:00
parent ae47b4f024
commit e6a7738170
10 changed files with 317 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.tsx
+41 -2
View File
@@ -609,6 +609,8 @@ export default function App() {
const setSelectedColumnIds = useStore((s) => s.setSelectedColumnIds);
const selectedColumnId =
selectedColumnIds.length === 1 ? selectedColumnIds[0] : null;
const selectedContextObjectIds = useStore((s) => s.selectedContextObjectIds);
const setSelectedContextObjectIds = useStore((s) => s.setSelectedContextObjectIds);
// ── Kontextmenüs (transienter UI-State, bleibt lokal) ─────────────────────
// Eigenschaften-Zwischenablage des Ebenen-Kontextmenüs (Farbe + Linienstärke).
@@ -1905,7 +1907,8 @@ export default function App() {
selectedRoomIds.length ||
selectedExtrudedSolidIds.length ||
selectedColumnIds.length ||
selectedRoofIds.length
selectedRoofIds.length ||
selectedContextObjectIds.length
) {
const dids = new Set(selectedDrawingIds);
const wids = new Set(selectedWallIds);
@@ -1916,6 +1919,7 @@ export default function App() {
const exids = new Set(selectedExtrudedSolidIds);
const colids = new Set(selectedColumnIds);
const rfids = new Set(selectedRoofIds);
const ctxids = new Set(selectedContextObjectIds);
setProject((p) => ({
...p,
drawings2d: p.drawings2d.filter((d) => !dids.has(d.id)),
@@ -1931,6 +1935,7 @@ export default function App() {
openings: (p.openings ?? []).filter(
(o) => !oids.has(o.id) && !wids.has(o.hostWallId),
),
context: (p.context ?? []).filter((o) => !ctxids.has(o.id)),
}));
setSelectedDrawingIds([]);
setSelectedWallIds([]);
@@ -1941,6 +1946,7 @@ export default function App() {
setSelectedExtrudedSolidIds([]);
setSelectedColumnIds([]);
setSelectedRoofIds([]);
setSelectedContextObjectIds([]);
setSelectedSectionLineId(null);
e.preventDefault();
}
@@ -1958,6 +1964,7 @@ export default function App() {
selectedExtrudedSolidIds,
selectedColumnIds,
selectedRoofIds,
selectedContextObjectIds,
selectedSectionLineId,
project.walls,
project.drawings2d,
@@ -3531,6 +3538,7 @@ export default function App() {
},
// ── Site-/Kontext-Schicht ──────────────────────────────────────────────
contextObjects: project.context ?? [],
selectedContextObjectIds,
onAddContextObjects: addContextObjectsAndFit,
onRemoveContextObject: removeContextObject,
onGenerateTerrain: generateTerrain,
@@ -3555,6 +3563,7 @@ export default function App() {
setSelectedExtrudedSolidIds([]);
setSelectedColumnIds([]);
setSelectedRoofIds([]);
setSelectedContextObjectIds([]);
setSelectedSectionLineId(null);
switch (kind) {
case "Wand":
@@ -3932,6 +3941,7 @@ export default function App() {
sectionLine,
selectedSectionLineId,
selectedViewSnapshotId,
selectedContextObjectIds,
]);
// ── Ausschnitt-Anwahl: „bleibt bis zur Abweichung" (DOSSIER A2) ───────────
@@ -4417,6 +4427,7 @@ export default function App() {
setSelectedExtrudedSolidIds([]);
setSelectedColumnIds([]);
setSelectedRoofIds([]);
setSelectedContextObjectIds([]);
setSelectedSectionLineId(null);
setStampEditorRoomId(roomId);
};
@@ -4433,6 +4444,7 @@ export default function App() {
setSelectedExtrudedSolidIds([]);
setSelectedColumnIds([]);
setSelectedRoofIds([]);
setSelectedContextObjectIds([]);
setSelectedSectionLineId(null);
setEditTextId(drawingId);
};
@@ -4546,6 +4558,7 @@ export default function App() {
if (keep !== "extrudedSolid") setSelectedExtrudedSolidIds([]);
if (keep !== "column") setSelectedColumnIds([]);
if (keep !== "roof") setSelectedRoofIds([]);
setSelectedContextObjectIds([]);
if (keep !== "sectionLine") setSelectedSectionLineId(null);
};
if (sel.sectionLineId) {
@@ -4596,6 +4609,7 @@ export default function App() {
setSelectedExtrudedSolidIds([]);
setSelectedColumnIds([]);
setSelectedRoofIds([]);
setSelectedContextObjectIds([]);
setSelectedSectionLineId(null);
};
// Rechts-Klick im Grundriss: Wand-Kontextmenü. Trifft der Klick eine Wand, die
@@ -4679,6 +4693,21 @@ export default function App() {
// Leertreffer (kein Bauteil) → alle Selektionen leeren.
const onViewport3dPick = (hit: Pick3dHit, additive: boolean) => {
if (!hit) {
setSelectedWallIds([]);
setSelectedCeilingIds([]);
setSelectedDrawingId(null);
setSelectedOpeningIds([]);
setSelectedStairIds([]);
setSelectedRoomIds([]);
setSelectedExtrudedSolidIds([]);
setSelectedColumnIds([]);
setSelectedRoofIds([]);
setSelectedContextObjectIds([]);
setSelectedSectionLineId(null);
return;
}
if (hit.kind === "contextObject") {
setSelectedContextObjectIds([hit.id]);
setSelectedWallIds([]);
setSelectedCeilingIds([]);
setSelectedDrawingId(null);
@@ -4704,6 +4733,7 @@ export default function App() {
setSelectedExtrudedSolidIds([]);
setSelectedColumnIds([]);
setSelectedRoofIds([]);
setSelectedContextObjectIds([]);
setSelectedSectionLineId(null);
return;
}
@@ -4717,6 +4747,7 @@ export default function App() {
setSelectedExtrudedSolidIds([]);
setSelectedColumnIds([]);
setSelectedRoofIds([]);
setSelectedContextObjectIds([]);
setSelectedSectionLineId(null);
return;
}
@@ -4730,6 +4761,7 @@ export default function App() {
setSelectedRoomIds([]);
setSelectedExtrudedSolidIds([]);
setSelectedColumnIds([]);
setSelectedContextObjectIds([]);
return;
}
if (hit.kind === "wall") {
@@ -4746,6 +4778,7 @@ export default function App() {
setSelectedDrawingId(null);
setSelectedOpeningIds([]);
setSelectedStairIds([]);
setSelectedContextObjectIds([]);
setSelectedRoomIds([]);
setSelectedExtrudedSolidIds([]);
setSelectedColumnIds([]);
@@ -5046,6 +5079,7 @@ export default function App() {
selectedColumnIds={selectedColumnIds}
selectedRoomIds={selectedRoomIds}
selectedRoofIds={selectedRoofIds}
selectedContextObjectIds={selectedContextObjectIds}
selectedSectionLineId={selectedSectionLineId}
roomStamp={roomStamp}
onStampMove={moveRoomStamp}
@@ -6185,6 +6219,7 @@ function Content({
selectedColumnIds,
selectedRoomIds,
selectedRoofIds,
selectedContextObjectIds,
selectedSectionLineId,
roomStamp,
onStampMove,
@@ -6265,6 +6300,7 @@ function Content({
selectedColumnIds: string[];
selectedRoomIds: string[];
selectedRoofIds: string[];
selectedContextObjectIds: string[];
selectedSectionLineId: string | null;
roomStamp: { roomId: string; anchor: Vec2 } | null;
onStampMove: (roomId: string, delta: Vec2) => void;
@@ -6337,7 +6373,8 @@ function Content({
selectedCeilingIds.length === 0 &&
selectedOpeningIds.length === 0 &&
selectedStairIds.length === 0 &&
selectedRoofIds.length === 0
selectedRoofIds.length === 0 &&
selectedContextObjectIds.length === 0
? null
: selectionHighlightLines(
project,
@@ -6347,6 +6384,7 @@ function Content({
selectedOpeningIds,
selectedStairIds,
selectedRoofIds,
selectedContextObjectIds,
),
[
project,
@@ -6355,6 +6393,7 @@ function Content({
selectedOpeningIds,
selectedStairIds,
selectedRoofIds,
selectedContextObjectIds,
],
);
src/panels/SitePanel.tsx
+7 -1
View File
@@ -115,7 +115,13 @@ export function SitePanel() {
) : (
<ul className="site-list">
{objects.map((obj) => (
<li key={obj.id} className="site-row">
<li
key={obj.id}
className={
"site-row" +
(host.selectedContextObjectIds.includes(obj.id) ? " site-row-selected" : "")
}
>
<span className="site-name" title={obj.name}>
{obj.name}
</span>
src/panels/host.ts
+2
View File
@@ -402,6 +402,8 @@ export interface PanelHostValue {
// ── Site-/Kontext-Schicht (SitePanel) ───────────────────────────────────
/** Aktuelle Kontext-Objekte (Meshes/Konturen/Gelände) aus `project.context`. */
contextObjects: ContextObject[];
/** Im 3D-Viewport angewählte Kontext-Objekte (Umriss-Hervorhebung), s. selectionSlice. */
selectedContextObjectIds: string[];
/** Fügt mehrere Kontext-Objekte hinzu (z. B. aus einem DXF-Import). */
onAddContextObjects: (objs: ContextObject[]) => void;
/** Entfernt ein Kontext-Objekt per ID. */
src/plan/toWalls3d.test.ts
+91
View File
@@ -101,6 +101,48 @@ describe("selectionHighlightLines", () => {
});
});
describe("selectionHighlightLines — Kontext-Objekte", () => {
// Ein einzelnes Dreieck als Kontext-Mesh (importiertes Gebäude): das
// Highlight zeichnet dessen achsenparallele Bounding-Box (12 Kanten), NICHT
// das volle Dreiecks-Wireframe (s. Kommentar in toWalls3d.ts).
const withContext: Project = {
...sampleProject,
context: [
{
id: "CTX1",
type: "importedMesh",
name: "Testgebäude",
positions: [0, 0, 0, 2, 0, 0, 2, 3, 4],
indices: [0, 1, 2],
},
],
};
it("leere Kontext-Auswahl -> leeres Array", () => {
const lines = selectionHighlightLines(withContext, [], [], RGB, [], [], [], []);
expect(lines.length).toBe(0);
});
it("unbekannte Kontext-Id -> leeres Array", () => {
const lines = selectionHighlightLines(withContext, [], [], RGB, [], [], [], ["does-not-exist"]);
expect(lines.length).toBe(0);
});
it("ein Kontext-Objekt -> Bounding-Box-Umriss (12 Kanten)", () => {
const lines = selectionHighlightLines(withContext, [], [], RGB, [], [], [], ["CTX1"]);
expect(lines.length).toBe(12 * VERTICES_PER_EDGE * FLOATS_PER_VERTEX);
expect(lines[3]).toBeCloseTo(RGB[0], 6);
expect(lines[5]).toBeCloseTo(RGB[2], 6);
});
it("Kontext-Objekt zusammen mit einer Wand -> Summe der Einzelgeometrien", () => {
const wallOnly = selectionHighlightLines(withContext, ["W2"], [], RGB);
const ctxOnly = selectionHighlightLines(withContext, [], [], RGB, [], [], [], ["CTX1"]);
const both = selectionHighlightLines(withContext, ["W2"], [], RGB, [], [], [], ["CTX1"]);
expect(both.length).toBe(wallOnly.length + ctxOnly.length);
});
});
describe("Öffnungen als echte Löcher in EINEM Körper (3D-Pfad, layeredWalls:true)", () => {
// Wand W1 (EG, Wandtyp "aw" = 4 Schichten) mit ZWEI Fenstern, deren Achsen-
// Intervalle sich ÜBERLAPPEN, aber auf UNTERSCHIEDLICHER Höhe liegen:
@@ -1890,3 +1932,52 @@ describe("pickGeometry — Dächer (Ray-Dreieck-Pick)", () => {
for (const tri of roofs[0].tris) for (const p of tri) expect(p[1]).toBeGreaterThan(0);
});
});
describe("pickGeometry — Kontext-Meshes (importierte Gebäude/Terrain)", () => {
const withContext: Project = {
...sampleProject,
context: [
{
id: "CTX1",
type: "importedMesh",
name: "Testgebäude",
// model (x,y,z=Höhe) -> world (x, z, y): ein Dreieck.
positions: [0, 0, 0, 2, 0, 0, 2, 3, 4],
indices: [0, 1, 2],
},
{
id: "CONTOURS1",
type: "contourSet",
name: "Höhenlinien",
contours: [],
},
],
};
it("liefert je Kontext-Objekt World-Dreiecke, contourSet wird übersprungen", () => {
const { contextMeshes } = pickGeometry(withContext);
expect(contextMeshes.length).toBe(1);
expect(contextMeshes[0].contextObjectId).toBe("CTX1");
expect(contextMeshes[0].tris.length).toBe(1);
// world = (x, z, y) — dasselbe Dreieck (0,0,0),(2,0,0),(2,3,4)
// -> world (0,0,0),(2,0,0),(2,4,3).
expect(contextMeshes[0].tris[0][2]).toEqual([2, 4, 3]);
});
it("kaputte Indizes werden robust übersprungen statt abzustürzen", () => {
const broken: Project = {
...sampleProject,
context: [
{
id: "CTX2",
type: "importedMesh",
name: "Kaputt",
positions: [0, 0, 0, 1, 0, 0, 1, 1, 0],
indices: [0, 1, 99], // Index 99 existiert nicht
},
],
};
const { contextMeshes } = pickGeometry(broken);
expect(contextMeshes.length).toBe(0);
});
});
src/plan/toWalls3d.ts
+57 -3
View File
@@ -62,7 +62,7 @@ import type { WallCuts } from "../model/joins";
import { add, dot, leftNormal, lineIntersect, normalize, scale, sub } from "../model/geometry";
import type { Line } from "../model/geometry";
import { resolveHatch } from "./generatePlan";
import type { PickOpening, PickRoof, PickStair } from "../viewport/raycast3d";
import type { PickOpening, PickRoof, PickStair, PickContextMesh } from "../viewport/raycast3d";
/** World-Punkt [x, Höhe, y] für den Dach-Pick (Vec3-Konvention von raycast3d). */
type RoofPickVec3 = [number, number, number];
@@ -2825,6 +2825,7 @@ export function pickGeometry(
openings: PickOpening[];
stairs: PickStair[];
roofs: PickRoof[];
contextMeshes: PickContextMesh[];
} {
// Dächer: Dachflächen + Giebel als WORLD-Dreiecke (fan-trianguliert wie
// emitRoofs; model [x,y,z=Höhe] → world [x, z, y]) — präzise geneigte
@@ -2878,7 +2879,27 @@ export function pickGeometry(
stairId: st.id,
});
}
return { walls: projectToWalls3d(project), slabs: emitSlabs(project), openings, stairs, roofs };
// Kontext-Meshes (importierte Gebäude/Terrain, s. ContextObject): rohe
// WORLD-Dreiecke wie beim Dach, direkt aus dem Indexpuffer (kein Fan nötig —
// ImportedMesh/TerrainMesh liefern bereits ein echtes Dreiecksnetz). Kaputte
// Indizes robust überspringen statt abzustürzen (importierte Daten).
const contextMeshes: PickContextMesh[] = [];
for (const obj of project.context ?? []) {
if (obj.type === "contourSet") continue;
const pos = obj.positions;
const vcount = pos.length / 3;
const tris: [RoofPickVec3, RoofPickVec3, RoofPickVec3][] = [];
for (let i = 0; i + 2 < obj.indices.length; i += 3) {
const ia = obj.indices[i];
const ib = obj.indices[i + 1];
const ic = obj.indices[i + 2];
if (ia >= vcount || ib >= vcount || ic >= vcount) continue;
const at = (idx: number): RoofPickVec3 => [pos[idx * 3], pos[idx * 3 + 2], pos[idx * 3 + 1]];
tris.push([at(ia), at(ib), at(ic)]);
}
if (tris.length > 0) contextMeshes.push({ tris, contextObjectId: obj.id });
}
return { walls: projectToWalls3d(project), slabs: emitSlabs(project), openings, stairs, roofs, contextMeshes };
}
/**
@@ -2915,13 +2936,15 @@ export function selectionHighlightLines(
openingIds: string[] = [],
stairIds: string[] = [],
roofIds: string[] = [],
contextObjectIds: string[] = [],
): Float32Array {
if (
wallIds.length === 0 &&
ceilingIds.length === 0 &&
openingIds.length === 0 &&
stairIds.length === 0 &&
roofIds.length === 0
roofIds.length === 0 &&
contextObjectIds.length === 0
) {
return new Float32Array(0);
}
@@ -2931,6 +2954,7 @@ export function selectionHighlightLines(
const openingSet = new Set(openingIds);
const stairSet = new Set(stairIds);
const roofSet = new Set(roofIds);
const contextObjSet = new Set(contextObjectIds);
const out: number[] = [];
const pushEdge = (a: RVec3, b: RVec3) => {
out.push(a[0], a[1], a[2], rgb[0], rgb[1], rgb[2]);
@@ -3013,5 +3037,35 @@ export function selectionHighlightLines(
for (const gab of g.gables) polyEdges(gab);
}
}
// Kontext-Objekt (importiertes Gebäude/Terrain): Umriss als achsenparallele
// Bounding-Box statt vollem Dreiecks-Wireframe — importierte Meshes haben oft
// tausende Dreiecke, deren Kanten einzeln zu zeichnen wäre unbrauchbar dicht.
if (contextObjSet.size > 0) {
for (const obj of project.context ?? []) {
if (obj.type === "contourSet" || !contextObjSet.has(obj.id)) continue;
const pos = obj.positions;
let minX = Infinity, maxX = -Infinity;
let minY = Infinity, maxY = -Infinity;
let minH = Infinity, maxH = -Infinity;
for (let i = 0; i + 2 < pos.length; i += 3) {
const x = pos[i], y = pos[i + 1], h = pos[i + 2];
if (x < minX) minX = x;
if (x > maxX) maxX = x;
if (y < minY) minY = y;
if (y > maxY) maxY = y;
if (h < minH) minH = h;
if (h > maxH) maxH = h;
}
if (!isFinite(minX)) continue;
const corners: RVec3[] = [];
for (let i = 0; i < 8; i++) {
const x = i & 1 ? maxX : minX;
const h = i & 2 ? maxH : minH;
const y = i & 4 ? maxY : minY;
corners.push([x, h, y]);
}
for (const [i, j] of BOX_EDGES) pushEdge(corners[i], corners[j]);
}
}
return new Float32Array(out);
}
src/state/selectionSlice.ts
+6
View File
@@ -25,6 +25,8 @@ export interface SelectionSlice {
selectedColumnIds: string[];
// Gewählte Dächer als MENGE von IDs — getrennt von den übrigen Kanälen.
selectedRoofIds: string[];
// Gewählte Kontext-Objekte (importierte Gebäude/Terrain) als MENGE von IDs.
selectedContextObjectIds: string[];
// Gewählte Schnitt-/Ansichtslinie (DrawingLevel-Id) — EINZELauswahl (eine Linie
// zur Zeit), getrennt von den übrigen Kanälen. `null` = keine Linie gewählt.
selectedSectionLineId: string | null;
@@ -38,6 +40,7 @@ export interface SelectionSlice {
setSelectedExtrudedSolidIds: (ids: string[]) => void;
setSelectedColumnIds: (ids: string[]) => void;
setSelectedRoofIds: (ids: string[]) => void;
setSelectedContextObjectIds: (ids: string[]) => void;
setSelectedSectionLineId: (id: string | null) => void;
/** Auswahl (Wände + Decken + Öffnungen + Treppen + Dächer + 2D-Elemente) leeren. */
clearSelection: () => void;
@@ -57,6 +60,7 @@ export function createSelectionSlice(
selectedExtrudedSolidIds: [],
selectedColumnIds: [],
selectedRoofIds: [],
selectedContextObjectIds: [],
selectedSectionLineId: null,
setSelectedWallIds: (ids) => set({ selectedWallIds: ids }),
setSelectedDrawingIds: (ids) => set({ selectedDrawingIds: ids }),
@@ -67,6 +71,7 @@ export function createSelectionSlice(
setSelectedExtrudedSolidIds: (ids) => set({ selectedExtrudedSolidIds: ids }),
setSelectedColumnIds: (ids) => set({ selectedColumnIds: ids }),
setSelectedRoofIds: (ids) => set({ selectedRoofIds: ids }),
setSelectedContextObjectIds: (ids) => set({ selectedContextObjectIds: ids }),
setSelectedSectionLineId: (id) => set({ selectedSectionLineId: id }),
clearSelection: () =>
set({
@@ -79,6 +84,7 @@ export function createSelectionSlice(
selectedExtrudedSolidIds: [],
selectedColumnIds: [],
selectedRoofIds: [],
selectedContextObjectIds: [],
selectedSectionLineId: null,
}),
};
src/styles.css
+4
View File
@@ -4043,6 +4043,10 @@ body {
.site-panel .site-row:hover {
background: var(--accent-dim);
}
.site-panel .site-row-selected {
background: var(--accent-dim);
outline: 1px solid var(--accent);
}
.site-panel .site-name {
flex: 1 1 auto;
min-width: 0;
src/viewport/Wasm3DViewport.tsx
+5 -5
View File
@@ -57,7 +57,7 @@ import { drawingGripVertices, drawingMoveAnchor } from "./drawingGrips";
/** Ein per 3D-Klick getroffenes Bauteil, oder null (Leerraum). */
export type Pick3dHit =
| { kind: "wall" | "ceiling" | "opening" | "stair" | "roof"; id: string }
| { kind: "wall" | "ceiling" | "opening" | "stair" | "roof" | "contextObject"; id: string }
| null;
/** Klick-vs-Drag-Schwelle (Pixel): bleibt die Maus zwischen pointerdown und
@@ -798,10 +798,10 @@ export function Wasm3DViewport({
const ndc = toNdc(clientX, clientY);
if (!cb || !o || !ndc) return;
const ray = cameraRay(orbitCamera(o), ndc.ndcX, ndc.ndcY, ndc.aspect);
const { walls, slabs, openings, stairs, roofs } = pickGeometry(projectRef.current);
// Erweiterter Pick inkl. Öffnungen (Fenster/Türen) + Treppen — sonst wären
// im WASM-Viewport nur Wände/Decken anwählbar.
const hit = pickNearest(ray, walls, slabs, openings, stairs, roofs);
const { walls, slabs, openings, stairs, roofs, contextMeshes } = pickGeometry(projectRef.current);
// Erweiterter Pick inkl. Öffnungen (Fenster/Türen) + Treppen + Kontext-
// Meshes — sonst wären im WASM-Viewport nur Wände/Decken anwählbar.
const hit = pickNearest(ray, walls, slabs, openings, stairs, roofs, contextMeshes);
cb(hit ? { kind: hit.kind, id: hit.id } : null, additive);
};
src/viewport/raycast3d.test.ts
+67
View File
@@ -9,6 +9,7 @@ import {
type PickSlab,
type PickOpening,
type PickStair,
type PickContextMesh,
} from "./raycast3d";
// Kamera bei (0,1,10), Blick entlang -Z auf (0,1,0). Zentraler Strahl (ndc 0,0)
@@ -207,3 +208,69 @@ describe("pickNearest — Öffnungen und Treppen", () => {
expect(hit!.id).toBe("w1");
});
});
// Kontext-Mesh (importiertes Gebäude/Terrain): eine flache, senkrechte
// Rechteckfläche bei model y=5 (world z=5), model x∈[-1,1], model z (Höhe)
// ∈[0,2] — dieselbe Front wie WALL, aber als rohes Dreiecksnetz statt Quader.
const CONTEXT_MESH: PickContextMesh = {
tris: [
[
[-1, 0, 5],
[1, 0, 5],
[1, 2, 5],
],
[
[-1, 0, 5],
[1, 2, 5],
[-1, 2, 5],
],
],
contextObjectId: "ctx1",
};
describe("pickNearest — Kontext-Meshes", () => {
it("Strahl auf ein Kontext-Mesh liefert contextObjectId", () => {
const hit = pickNearest(
{ origin: [0, 1, 10], dir: [0, 0, -1] },
[],
[],
[],
[],
[],
[CONTEXT_MESH],
);
expect(hit).not.toBeNull();
expect(hit!.kind).toBe("contextObject");
expect(hit!.contextObjectId).toBe("ctx1");
expect(hit!.t).toBeCloseTo(5, 6);
});
it("Strahl neben dem Mesh verfehlt", () => {
const hit = pickNearest(
{ origin: [5, 1, 10], dir: [0, 0, -1] },
[],
[],
[],
[],
[],
[CONTEXT_MESH],
);
expect(hit).toBeNull();
});
it("bei näherer Wand gewinnt die Wand vor dem weiter entfernten Kontext-Mesh", () => {
// WALL-Front bei z=5.1 → t=4.9, näher als das Mesh bei z=5 (t=5).
const hit = pickNearest(
{ origin: [0, 1, 10], dir: [0, 0, -1] },
[WALL],
[],
[],
[],
[],
[CONTEXT_MESH],
);
expect(hit).not.toBeNull();
expect(hit!.kind).toBe("wall");
expect(hit!.id).toBe("w1");
});
});
src/viewport/raycast3d.ts
+37 -2
View File
@@ -96,15 +96,29 @@ export interface PickRoof {
roofId: string;
}
/**
* Minimal-Form eines Kontext-Meshes (importiertes Gebäude/Terrain, s.
* `ContextObject`) für den Raycast: rohe WORLD-Dreiecke (dieselbe Konvention
* wie {@link PickRoof} — model (x,y,z=Höhe) → world (x, z, y)), keine
* Vereinfachung auf ein Bounding-Prisma (Gebäude-Meshes sind zu unregelmässig
* dafür, ein grosszügiges Prisma stähle Klicks auf dahinterliegende Bauteile).
*/
export interface PickContextMesh {
tris: ReadonlyArray<readonly [Vec3, Vec3, Vec3]>;
contextObjectId: string;
}
/** Ergebnis eines Picks: getroffenes Bauteil + Distanz entlang des Strahls. */
export interface PickHit {
kind: "wall" | "ceiling" | "opening" | "stair" | "roof";
kind: "wall" | "ceiling" | "opening" | "stair" | "roof" | "contextObject";
id: string;
t: number;
/** Bei `kind:"opening"` dieselbe Id wie `id` (ausdrucksstärkerer Zugriff). */
openingId?: string;
/** Bei `kind:"stair"` dieselbe Id wie `id` (ausdrucksstärkerer Zugriff). */
stairId?: string;
/** Bei `kind:"contextObject"` dieselbe Id wie `id` (ausdrucksstärkerer Zugriff). */
contextObjectId?: string;
}
const EPS = 1e-9;
@@ -362,6 +376,17 @@ function rayRoofTris(ray: Ray, roof: PickRoof): number | null {
return best;
}
/** Kleinstes t über alle Dreiecke eines Kontext-Meshes, oder null — wie
* {@link rayRoofTris}, dieselbe doppelseitige {@link rayTriangle}. */
function rayContextMeshTris(ray: Ray, mesh: PickContextMesh): number | null {
let best: number | null = null;
for (const [a, b, c] of mesh.tris) {
const t = rayTriangle(ray, a, b, c);
if (t !== null && (best === null || t < best)) best = t;
}
return best;
}
// Overload OHNE Öffnungen/Treppen: bleibt exakt die bisherige Signatur, sodass
// der bestehende Aufrufer (Wasm3DViewport.tsx: `pickNearest(ray, walls, slabs)`)
// unverändert kompiliert — inklusive des dort erwarteten engen `kind`-Typs
@@ -372,7 +397,8 @@ export function pickNearest(
walls: readonly PickWall[],
slabs: readonly PickSlab[],
): (PickHit & { kind: "wall" | "ceiling" }) | null;
// Erweiterter Overload MIT Öffnungen/Treppen/Dächern: `kind` deckt alle Arten ab.
// Erweiterter Overload MIT Öffnungen/Treppen/Dächern/Kontext-Meshes: `kind`
// deckt alle Arten ab.
export function pickNearest(
ray: Ray,
walls: readonly PickWall[],
@@ -380,6 +406,7 @@ export function pickNearest(
openings: readonly PickOpening[],
stairs?: readonly PickStair[],
roofs?: readonly PickRoof[],
contextMeshes?: readonly PickContextMesh[],
): PickHit | null;
/**
* Nächstes getroffenes Bauteil (kleinstes t) über Wände, Decken, Öffnungen und
@@ -397,6 +424,7 @@ export function pickNearest(
openings: readonly PickOpening[] = [],
stairs: readonly PickStair[] = [],
roofs: readonly PickRoof[] = [],
contextMeshes: readonly PickContextMesh[] = [],
): PickHit | null {
const TIE_EPS = 1e-6;
let hit: PickHit | null = null;
@@ -433,6 +461,13 @@ export function pickNearest(
const t = rayRoofTris(ray, r);
if (t !== null) consider({ kind: "roof", id: r.roofId, t }, 1);
}
// Kontext-Meshes (importierte Gebäude/Terrain): Rang wie Wand/Decke/Dach.
for (const m of contextMeshes) {
const t = rayContextMeshTris(ray, m);
if (t !== null) {
consider({ kind: "contextObject", id: m.contextObjectId, t, contextObjectId: m.contextObjectId }, 1);
}
}
return hit;
}