lass mich das netz mit der Maus bewegen!

index.html

@@ -285,15 +285,58 @@
             
             renderer.render(scene, camera);
         }
-        
         function onWindowResize() {
             camera.aspect = window.innerWidth / window.innerHeight;
             camera.updateProjectionMatrix();
             renderer.setSize(window.innerWidth, window.innerHeight);
         }
+
+        // Mouse interaction variables
+        let isDragging = false;
+        let previousMousePosition = { x: 0, y: 0 };
+        
+        // Mouse event handlers
+        function onMouseDown(event) {
+            isDragging = true;
+            previousMousePosition = {
+                x: event.clientX,
+                y: event.clientY
+            };
+        }
+        
+        function onMouseMove(event) {
+            if (!isDragging) return;
+            
+            const deltaX = event.clientX - previousMousePosition.x;
+            const deltaY = event.clientY - previousMousePosition.y;
+            
+            networkGroup.rotation.y += deltaX * 0.01;
+            networkGroup.rotation.x += deltaY * 0.01;
+            
+            previousMousePosition = {
+                x: event.clientX,
+                y: event.clientY
+            };
+        }
+        
+        function onMouseUp() {
+            isDragging = false;
+        }
+        
+        // Add mouse event listeners
+        function addMouseControls() {
+            renderer.domElement.addEventListener('mousedown', onMouseDown, false);
+            renderer.domElement.addEventListener('mousemove', onMouseMove, false);
+            renderer.domElement.addEventListener('mouseup', onMouseUp, false);
+            renderer.domElement.addEventListener('mouseleave', onMouseUp, false);
+            
+            // Change cursor style
+            renderer.domElement.style.cursor = 'grab';
+        }
         
         // Initialize the visualization
         init();
-    </script>
+        addMouseControls();
+</script>
 </body>
 </html>