giers10/webeditor3d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor terrain grid resize visualization and edge handling

Browse Source
This commit is contained in:
Victor Giers
2026-05-13 14:43:09 +02:00
parent a0cd88a5bb
commit 1dfee22b31
1 changed files with 55 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
src/viewport-three/viewport-host.ts
View File

@@ -11531,13 +11531,27 @@ export class ViewportHost {
const side = activeDrag?.side ?? hover?.side ?? null; const side = activeDrag?.side ?? hover?.side ?? null;
const terrain = const terrain =
activeDrag?.previewTerrain ?? activeDrag?.previewTerrain ??
(hover === null ? null : this.getDisplayedTerrainState(hover.terrainId)); (hover === null
? this.getSelectedTerrainForGridResize()
: this.getDisplayedTerrainState(hover.terrainId));
if (side === null || terrain === null) { if (terrain === null) {
this.terrainGridResizeOverlayGroup.visible = false; this.terrainGridResizeOverlayGroup.visible = false;
return; return;
} }
for (const visual of this.terrainGridResizeArrowVisuals) {
this.syncTerrainGridResizeArrowVisual(visual, terrain);
}
if (side === null) {
this.terrainGridResizeEdgeOutline.visible = false;
this.terrainGridResizeEdgeTube.visible = false;
this.terrainGridResizeEdgeLine.visible = false;
this.terrainGridResizeOverlayGroup.visible = true;
return;
}
const edgePoints = this.createTerrainGridResizeEdgePoints(terrain, side); const edgePoints = this.createTerrainGridResizeEdgePoints(terrain, side);
const edgeCurve = new CatmullRomCurve3(edgePoints, false, "centripetal"); const edgeCurve = new CatmullRomCurve3(edgePoints, false, "centripetal");
const previousEdgeOutlineGeometry = const previousEdgeOutlineGeometry =
@@ -11565,9 +11579,23 @@ export class ViewportHost {
this.terrainGridResizeEdgeLine.geometry = this.terrainGridResizeEdgeLine.geometry =
new BufferGeometry().setFromPoints(edgePoints); new BufferGeometry().setFromPoints(edgePoints);
previousEdgeGeometry.dispose(); previousEdgeGeometry.dispose();
this.terrainGridResizeEdgeOutline.visible = true;
this.terrainGridResizeEdgeTube.visible = true;
this.terrainGridResizeEdgeLine.visible = true;
const midpoint = this.getTerrainGridResizeEdgePoint(terrain, side, 0.5); this.terrainGridResizeOverlayGroup.visible = true;
const direction = this.getTerrainGridResizeSideDirection(side); }
private syncTerrainGridResizeArrowVisual(
visual: TerrainGridResizeArrowVisual,
terrain: Terrain
) {
const midpoint = this.getTerrainGridResizeEdgePoint(
terrain,
visual.side,
0.5
);
const direction = this.getTerrainGridResizeSideDirection(visual.side);
const arrowLength = Math.min( const arrowLength = Math.min(
TERRAIN_GRID_RESIZE_ARROW_MAX_LENGTH, TERRAIN_GRID_RESIZE_ARROW_MAX_LENGTH,
Math.max( Math.max(
@@ -11589,29 +11617,39 @@ export class ViewportHost {
const shaftLength = Math.max(0.1, arrowStart.distanceTo(shaftEnd)); const shaftLength = Math.max(0.1, arrowStart.distanceTo(shaftEnd));
const shaftCenter = arrowStart.clone().add(shaftEnd).multiplyScalar(0.5); const shaftCenter = arrowStart.clone().add(shaftEnd).multiplyScalar(0.5);
this.terrainGridResizeArrowShaftOutline.position.copy(shaftCenter); visual.shaftOutline.position.copy(shaftCenter);
this.terrainGridResizeArrowShaftOutline.quaternion.copy(arrowQuaternion); visual.shaftOutline.quaternion.copy(arrowQuaternion);
this.terrainGridResizeArrowShaftOutline.scale.set(1, shaftLength, 1); visual.shaftOutline.scale.set(1, shaftLength, 1);
this.terrainGridResizeArrowShaft.position.copy(shaftCenter); visual.shaft.position.copy(shaftCenter);
this.terrainGridResizeArrowShaft.quaternion.copy(arrowQuaternion); visual.shaft.quaternion.copy(arrowQuaternion);
this.terrainGridResizeArrowShaft.scale.set(1, shaftLength, 1); visual.shaft.scale.set(1, shaftLength, 1);
visual.pickShaft.position.copy(shaftCenter);
visual.pickShaft.quaternion.copy(arrowQuaternion);
visual.pickShaft.scale.set(1, shaftLength, 1);
const previousArrowGeometry = this.terrainGridResizeArrowLine.geometry; const previousArrowGeometry = visual.line.geometry;
this.terrainGridResizeArrowLine.geometry = visual.line.geometry =
new BufferGeometry().setFromPoints([arrowStart, arrowEnd]); new BufferGeometry().setFromPoints([arrowStart, arrowEnd]);
previousArrowGeometry.dispose(); previousArrowGeometry.dispose();
this.terrainGridResizeArrowHeadOutline.position visual.headOutline.position
.copy(arrowEnd) .copy(arrowEnd)
.addScaledVector( .addScaledVector(
direction, direction,
-TERRAIN_GRID_RESIZE_ARROW_HEAD_OUTLINE_LENGTH * 0.5 -TERRAIN_GRID_RESIZE_ARROW_HEAD_OUTLINE_LENGTH * 0.5
); );
this.terrainGridResizeArrowHeadOutline.quaternion.copy(arrowQuaternion); visual.headOutline.quaternion.copy(arrowQuaternion);
this.terrainGridResizeArrowHead.position visual.head.position
.copy(arrowEnd) .copy(arrowEnd)
.addScaledVector(direction, -TERRAIN_GRID_RESIZE_ARROW_HEAD_LENGTH * 0.5); .addScaledVector(direction, -TERRAIN_GRID_RESIZE_ARROW_HEAD_LENGTH * 0.5);
this.terrainGridResizeArrowHead.quaternion.copy(arrowQuaternion); visual.head.quaternion.copy(arrowQuaternion);
this.terrainGridResizeOverlayGroup.visible = true; visual.pickHead.position
.copy(arrowEnd)
.addScaledVector(
direction,
-TERRAIN_GRID_RESIZE_ARROW_HEAD_OUTLINE_LENGTH * 0.5
);
visual.pickHead.quaternion.copy(arrowQuaternion);
visual.group.visible = true;
} }
private getTerrainGridResizePointerPlanePoint( private getTerrainGridResizePointerPlanePoint(