From c73da9d2edfc61c01a1468a2c840aa71a37ec5ec Mon Sep 17 00:00:00 2001
From: Impaczus <impaczus@gmail.com>
Date: Wed, 27 May 2026 04:03:03 +0800
Subject: [PATCH] Reset camera position and target on selection change

---
 main.js | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/main.js b/main.js
index 5177e2c..96bdd67 100644
--- a/main.js
+++ b/main.js
@@ -26,15 +26,23 @@ document.body.appendChild( renderer.domElement );
 
 
 //CAMERA
+const DEFAULT_CAMERA_POS = new THREE.Vector3(0, 0, 2); // Camera default position
+const DEFAULT_TARGET = new THREE.Vector3(0, 0, 0); // Camera default target
+
 const camera = new THREE.PerspectiveCamera( 65, sizes.width / sizes.height, 0.1, 1000 );
-camera.position.x = 0;
-camera.position.y = 0;
-camera.position.z = 2;
+// Apply default position initially
+camera.position.copy(DEFAULT_CAMERA_POS);
+camera.lookAt(DEFAULT_TARGET);
+
+// camera.position.x = 0;
+// camera.position.y = 0;
+// camera.position.z = 2;
 
 const controls = new OrbitControls( camera, renderer.domElement );
 controls.enableDamping = true;
 controls.dampingFactor = 0.05; // Friction
 controls.screenSpacePanning = false; // Vertical panning along screen
+controls.target.copy(DEFAULT_TARGET);
 controls.update();
 
 
@@ -126,6 +134,15 @@ gui.add(params, 'selectedModel', modelPaths)
    .name('Displayed Model:')
    .onChange((newUrl) => {
        loadNewModel(newUrl);
+
+       // Reset camera position and target
+       camera.position.copy(DEFAULT_CAMERA_POS);
+       if (controls) {
+           controls.target.copy(DEFAULT_TARGET);
+           controls.update();
+       } else {
+           camera.lookAt(DEFAULT_TARGET);
+       }
    });
 
 // Load the initial default model right away