From 49692a02f6e1def250d9cd08fe33222cf11dd558 Mon Sep 17 00:00:00 2001
From: Claude Haiku <b18206.tdc.hanmacgroup@gmail.com>
Date: Mon, 19 Oct 2026 17:25:09 +0900
Subject: [PATCH] =?UTF-8?q?OrbitControls=20=EC=A0=9C=EA=B1=B0=20-=20?=
 =?UTF-8?q?=EA=B8=B0=EB=B3=B8=20=EB=A7=88=EC=9A=B0=EC=8A=A4=20=EC=A0=9C?=
 =?UTF-8?q?=EC=96=B4=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

문제 해결:
- THREE.OrbitControls is not a constructor 오류 해결
- CDN OrbitControls 스크립트 제거

변경사항:
- 기본 Three.js 마우스 제어 구현
- 좌클릭 드래그: 회전 (구면 좌표계)
- 휠: 확대/축소 (거리 조절)
- 매끄러운 카메라 움직임

조작:
• 좌클릭 드래그 = 회전
• 휠 = 확대/축소
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 out/viewer-correct.html | 71 ++++++++++++++++++++++++++++++++---------
 1 file changed, 56 insertions(+), 15 deletions(-)

diff --git a/out/viewer-correct.html b/out/viewer-correct.html
index bb3e246..ff6b708 100644
--- a/out/viewer-correct.html
+++ b/out/viewer-correct.html
@@ -232,7 +232,6 @@
     </div>
 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/controls/OrbitControls.min.js"></script>
     <script>
         const canvas = document.getElementById('canvas');
         const width = canvas.clientWidth;
@@ -267,20 +266,63 @@
         pointLight.position.set(500, 500, 500);
         scene.add(pointLight);
 
-        // OrbitControls (먼저 초기화!)
-        const controls = new THREE.OrbitControls(camera, canvas);
-        controls.target.set(-216, -2554, 0);
-        controls.autoRotate = false;
-        controls.enableDamping = true;
-        controls.dampingFactor = 0.05;
-        controls.enableZoom = true;
-        controls.zoomSpeed = 1.0;
-        controls.enablePan = true;
-        controls.panSpeed = 0.5;
-        controls.update();
-
         console.log('=== 3D 뷰어 초기화 ===');
-        console.log('✓ OrbitControls 준비 완료');
+
+        // 간단한 마우스 제어
+        let isDragging = false;
+        let mouseX = 0, mouseY = 0;
+        let cameraRotX = 0, cameraRotY = 0;
+
+        canvas.addEventListener('mousedown', (e) => {
+            isDragging = true;
+            mouseX = e.clientX;
+            mouseY = e.clientY;
+        });
+
+        canvas.addEventListener('mousemove', (e) => {
+            if (!isDragging) return;
+
+            const deltaX = e.clientX - mouseX;
+            const deltaY = e.clientY - mouseY;
+
+            cameraRotY += deltaX * 0.005;
+            cameraRotX += deltaY * 0.005;
+
+            const distance = 3000;
+            camera.position.x = -216 + Math.sin(cameraRotY) * Math.cos(cameraRotX) * distance;
+            camera.position.y = -2554 + Math.sin(cameraRotX) * distance;
+            camera.position.z = Math.cos(cameraRotY) * Math.cos(cameraRotX) * distance;
+            camera.lookAt(-216, -2554, 0);
+
+            mouseX = e.clientX;
+            mouseY = e.clientY;
+        });
+
+        canvas.addEventListener('mouseup', () => {
+            isDragging = false;
+        });
+
+        canvas.addEventListener('wheel', (e) => {
+            e.preventDefault();
+            const distance = Math.sqrt(
+                Math.pow(camera.position.x + 216, 2) +
+                Math.pow(camera.position.y + 2554, 2) +
+                Math.pow(camera.position.z, 2)
+            );
+            const newDistance = Math.max(500, distance + e.deltaY * 5);
+            const direction = new THREE.Vector3(
+                camera.position.x + 216,
+                camera.position.y + 2554,
+                camera.position.z
+            ).normalize();
+
+            camera.position.set(
+                -216 + direction.x * newDistance,
+                -2554 + direction.y * newDistance,
+                direction.z * newDistance
+            );
+            camera.lookAt(-216, -2554, 0);
+        });
 
         // 재질
         const getMaterial = (type) => {
@@ -366,7 +408,6 @@
         // 렌더링
         function animate() {
             requestAnimationFrame(animate);
-            controls.update();
             renderer.render(scene, camera);
         }
         animate();