From f530bf7fcb14f1cbcd2ace80a093e80c5555a5dd Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Tue, 26 May 2026 14:28:18 +0200
Subject: [PATCH] =?UTF-8?q?Fix=20TrackballControls=20:=20appel=20handleRes?=
 =?UTF-8?q?ize=20apr=C3=A8s=20affichage=20du=20canvas?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Le contrôle s'initialisait avec des dimensions 0×0 (canvas display:none),
rendant toute interaction impossible. handleResize() est maintenant appelé
une fois le modèle chargé et le canvas visible, puis à chaque redimensionnement.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 assiette.html | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/assiette.html b/assiette.html
index 20bbc61..38a5bc1 100644
--- a/assiette.html
+++ b/assiette.html
@@ -325,7 +325,7 @@
   <script type="module">
     import * as THREE from 'three';
     import { GLTFLoader }    from 'three/addons/loaders/GLTFLoader.js';
-    import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
+    import { TrackballControls } from 'three/addons/controls/TrackballControls.js';
 
     const canvas  = document.getElementById('viewer3d');
     const pholder = document.getElementById('viewer-placeholder');
@@ -353,9 +353,9 @@
     scene.add(fill);
 
     // ── Controls ──────────────────────────────────────────
-    const controls = new OrbitControls(camera, canvas);
-    controls.enableDamping = true;
-    controls.dampingFactor = 0.06;
+    const controls = new TrackballControls(camera, canvas);
+    controls.rotateSpeed = 3.0;
+    controls.dynamicDampingFactor = 0.12;
 
     // ── Model ─────────────────────────────────────────────
     let initCamPos, initTarget;
@@ -391,6 +391,7 @@
         bar.style.width       = '100%';
         canvas.style.display  = 'block';
         pholder.style.display = 'none';
+        controls.handleResize();
       },
       ({ loaded, total }) => {
         if (total) bar.style.width = `${Math.round(loaded / total * 100)}%`;
@@ -407,6 +408,7 @@
       camera.aspect = w / h;
       camera.updateProjectionMatrix();
       renderer.setSize(w, h);
+      controls.handleResize();
     }
     resize();
     new ResizeObserver(resize).observe(viewer);