Update index.html

index.html

@@ -283,6 +283,7 @@
     let bgParticles;
 
     let meteors, meteorGeo;
+    let bridgeLasersGroup;
 
     let db, auth, analytics, userId = null, appId = "neuronal-1f3b9", userProfile = null;
     let userMaps = {}, userProfileCache = {};
@@ -367,9 +368,11 @@
         if(mode === 'bridge') {
             bridgeCtrl.classList.remove('hidden');
             actBtn.innerText = "CONSTRUIR NODO";
+            updateBridgeConnections(); 
         } else {
             bridgeCtrl.classList.add('hidden');
             actBtn.innerText = "EJECUTAR ANÁLISIS";
+            if(bridgeLasersGroup) bridgeLasersGroup.visible = false;
         }
 
         if(mode === 'comet') {
@@ -691,6 +694,48 @@
         meteors.geometry.attributes.position.needsUpdate = true;
     }
 
+    function updateBridgeConnections() {
+        if(bridgeLasersGroup) scene.remove(bridgeLasersGroup);
+        if(gameState.mode !== 'bridge') return;
+
+        bridgeLasersGroup = new THREE.Group();
+        const centroids = [];
+        
+        Object.keys(userMaps).forEach(uid => {
+            const origins = userMaps[uid];
+            if(origins && origins.length > 0) {
+                const c = new THREE.Vector3(); 
+                origins.forEach(p=>c.add(p)); 
+                c.divideScalar(origins.length);
+                centroids.push(c);
+            }
+        });
+
+        if(centroids.length > 1) {
+            const points = [];
+            for(let i = 0; i < centroids.length; i++) {
+                for(let j = i + 1; j < centroids.length; j++) {
+                    points.push(centroids[i]);
+                    points.push(centroids[j]);
+                }
+            }
+            if(points.length > 0) {
+                const geometry = new THREE.BufferGeometry().setFromPoints(points);
+                const material = new THREE.LineBasicMaterial({
+                    color: 0xa855f7, 
+                    transparent: true,
+                    opacity: 0.6,
+                    blending: THREE.AdditiveBlending,
+                    linewidth: 2
+                });
+                const lines = new THREE.LineSegments(geometry, material);
+                bridgeLasersGroup.add(lines);
+            }
+        }
+        
+        scene.add(bridgeLasersGroup);
+    }
+
     function updateHUD() {
         document.getElementById('energyBar').style.width = gameState.energy + '%';
         document.getElementById('rankDisplay').innerText = gameState.rank;
@@ -892,6 +937,13 @@
         drawMinimap();
         if(gameState.mode === 'miner') updateMeteors();
 
+        if(gameState.mode === 'bridge' && bridgeLasersGroup) {
+            const pulse = (Math.sin(time * 5) * 0.5 + 0.5) * 0.4 + 0.2;
+            bridgeLasersGroup.children.forEach(c => {
+               if(c.material) c.material.opacity = pulse; 
+            });
+        }
+
         hashtagGroup.children.forEach(obj => {
             if (obj.userData.isText) {
                 obj.lookAt(camera.position);
@@ -1228,6 +1280,9 @@
             initAdvancedComet(); 
             drawMinimap();
             focusOnUserMaps();
+            
+            // Refrescar láseres si estamos en modo puente
+            if(gameState.mode === 'bridge') updateBridgeConnections();
         });
     }