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

Refactor camera zoom to use smooth, stepped transitions for perspective and orthographic views

Browse Source
This commit is contained in:
Victor Giers
2026-04-27 00:55:12 +02:00
parent 2ddabc0566
commit 72d4643ff9
1 changed files with 25 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -9619,26 +9619,38 @@ export class ViewportHost {
event.preventDefault();
if (this.viewMode === "perspective") {
this.cameraSpherical.radius = Math.min(
MAX_CAMERA_DISTANCE,
Math.max(
MIN_CAMERA_DISTANCE,
this.cameraSpherical.radius * Math.exp(event.deltaY * ZOOM_SPEED)
)
this.targetPerspectiveCameraRadius = this.clampPerspectiveCameraRadius(
(this.targetPerspectiveCameraRadius ?? this.cameraSpherical.radius) *
Math.exp(event.deltaY * ZOOM_SPEED)
);
const nextRadius = this.stepSmoothZoomValue(
this.cameraSpherical.radius,
this.targetPerspectiveCameraRadius,
SMOOTH_ZOOM_IMMEDIATE_RESPONSE
);
this.cameraSpherical.radius = nextRadius.value;
if (nextRadius.done) {
this.targetPerspectiveCameraRadius = null;
}
this.applyPerspectiveCameraPose();
this.emitCameraStateChange();
return;
}
this.orthographicCamera.zoom = Math.min(
MAX_ORTHOGRAPHIC_ZOOM,
Math.max(
MIN_ORTHOGRAPHIC_ZOOM,
this.orthographicCamera.zoom * Math.exp(-event.deltaY * ZOOM_SPEED)
)
this.targetOrthographicCameraZoom = this.clampOrthographicCameraZoom(
(this.targetOrthographicCameraZoom ?? this.orthographicCamera.zoom) *
Math.exp(-event.deltaY * ZOOM_SPEED)
);
this.orthographicCamera.updateProjectionMatrix();
const nextZoom = this.stepSmoothZoomValue(
this.orthographicCamera.zoom,
this.targetOrthographicCameraZoom,
SMOOTH_ZOOM_IMMEDIATE_RESPONSE
);
this.orthographicCamera.zoom = nextZoom.value;
if (nextZoom.done) {
this.targetOrthographicCameraZoom = null;
}
this.applyOrthographicCameraPose();
this.emitCameraStateChange();
};