From 7c78015894d4a62141b1d8de88298463a275a122 Mon Sep 17 00:00:00 2001
From: Thomas Fuhrmann <thomas.fuhrmann@geosphere.at>
Date: Tue, 25 Mar 2025 14:18:40 +0100
Subject: [PATCH] Fix axesHelper movement

---
 app/three/utils/build-scene.ts | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/app/three/utils/build-scene.ts b/app/three/utils/build-scene.ts
index 5f47627..590130d 100644
--- a/app/three/utils/build-scene.ts
+++ b/app/three/utils/build-scene.ts
@@ -33,8 +33,9 @@ let overlayCamera: OrthographicCamera;
 let overlayScene: Scene;
 let overlayWidth = 200;
 let overlayHeight = 200;
+let maxSize = 0;
 export function buildScene(container: HTMLElement, extent: Extent) {
-  const maxSize = getMaxSize(extent);
+  maxSize = getMaxSize(extent);
   const center = getCenter3D(extent);
 
   const width = container.clientWidth;
@@ -88,17 +89,14 @@ export function buildScene(container: HTMLElement, extent: Extent) {
     overlayWidth / 2,
     overlayHeight / 2,
     -overlayHeight / 2,
-    1,
+    0.1,
     10 * maxSize
   );
 
   // Position the camera similarly to how you did with PerspectiveCamera
   overlayCamera.position.copy(camera.position);
   overlayCamera.up.copy(camera.up);
-  overlayCamera.lookAt(
-    camera.position.clone().add(camera.getWorldDirection(new Vector3()))
-  );
-  overlayCamera.updateProjectionMatrix();
+  overlayCamera.lookAt(center);
 
   // Create the AxesHelper
   axesHelper = new AxesHelper(maxSize);
@@ -135,6 +133,14 @@ function renderOverlay() {
   overlayCamera.position.copy(camera.position);
   overlayCamera.rotation.copy(camera.rotation);
 
+  const dir = new Vector3();
+  overlayCamera.getWorldDirection(dir);
+  axesHelper.position.set(
+    camera.position.x + maxSize * dir.x,
+    camera.position.y + maxSize * dir.y,
+    camera.position.z + maxSize * dir.z
+  );
+
   // Render the overlay scene to the screen (position it in the bottom left)
   const width = 200;
   const height = 200;