From 7187ed515c50732f444b2c7208a0f7ae04847f99 Mon Sep 17 00:00:00 2001 From: vasco Date: Sat, 11 Jan 2025 00:30:24 +0000 Subject: [PATCH] Update controls to allow zoom to cursor --- src/globe.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/globe.js b/src/globe.js index b7abdbb4..843fd7c6 100644 --- a/src/globe.js +++ b/src/globe.js @@ -396,11 +396,14 @@ export default Kapsule({ controls.dampingFactor = 0.1; controls.rotateSpeed = 0.3; controls.zoomSpeed = 0.3; + controls.zoomToCursor = true; controls.addEventListener('change', () => { + controls.target.setScalar(0); // Keep orbit target on center + // adjust controls speed based on altitude const pov = this.pointOfView(); controls.rotateSpeed = pov.altitude * 0.3; - controls.zoomSpeed = Math.sqrt(pov.altitude) * 0.4; + controls.zoomSpeed = Math.sqrt(pov.altitude) * 0.5; // Update three-globe pov when camera moves, for proper hiding of elements state.globe.setPointOfView(state.renderObjs.camera());