Update index.html

index.html

@@ -520,10 +520,13 @@
 
             if (user.isAnonymous) {
               console.log("Usuario es anónimo.");
-              userProfile = { username: "Anónimo" };
-              // show the login button in UI header to allow upgrade
-              mainLoginButton.style.display = 'inline-block';
-              mainLogoutButton.style.display = 'none';
+              const anonName = `Anon-${user.uid.substring(0,6)}`;
+              userProfile = { username: anonName };
+              // guardar perfil anónimo si no existe
+              await saveUserProfile(user.uid, anonName);
+              // para modo solo anónimo, ocultar botón de iniciar sesión y mostrar cerrar sesión
+              mainLoginButton.style.display = 'none';
+              mainLogoutButton.style.display = 'inline-block';
               tryStartApp();
             } else {
               console.log("Usuario registrado.");
@@ -548,20 +551,26 @@
             isAnonymous = false;
             userProfile = null;
 
-            loginOverlay.style.display = 'flex';
-            loginOverlay.style.opacity = '1';
-            loginForm.style.display = 'block';
-            usernameForm.style.display = 'none';
-            loginMessage.innerText = "Por favor, inicia sesión o regístrate.";
-            loginMessage.classList.remove('text-red-500');
-
-            mainLoginButton.style.display = 'inline-block';
-            mainLogoutButton.style.display = 'none';
-            // Restaurar botón de anónimo cuando no hay usuario autenticado
-            if (anonymousLoginButton) anonymousLoginButton.style.display = 'block';
-            if (authStatus) {
-              authStatus.textContent = 'Estado: No autenticado';
-              authStatus.classList.remove('hidden');
+            // Modo solo anónimo: iniciar sesión anónima automáticamente
+            try {
+              await signInAnonymously(auth);
+              console.log('Sesión anónima iniciada automáticamente.');
+            } catch (e) {
+              console.error('No se pudo iniciar sesión anónima automáticamente:', e);
+              // Si falla, mostrar modal básico con opción anónima
+              loginOverlay.style.display = 'flex';
+              loginOverlay.style.opacity = '1';
+              loginForm.style.display = 'block';
+              usernameForm.style.display = 'none';
+              loginMessage.innerText = "No se pudo iniciar sesión automática. Usa 'Explorar como Anónimo'.";
+              loginMessage.classList.remove('text-red-500');
+              if (anonymousLoginButton) anonymousLoginButton.style.display = 'block';
+              mainLoginButton.style.display = 'inline-block';
+              mainLogoutButton.style.display = 'none';
+              if (authStatus) {
+                authStatus.textContent = 'Estado: No autenticado';
+                authStatus.classList.remove('hidden');
+              }
             }
           }
         });
@@ -1128,13 +1137,12 @@
         });
 
         Object.keys(userMaps).forEach(uid => {
-          if (uid !== userId) {
-            const userMapOrigins = userMaps[uid];
-            const centroid = new THREE.Vector3(0, 0, 0);
-            userMapOrigins.forEach(origin => centroid.add(origin));
-            centroid.divideScalar(userMapOrigins.length);
-            visualizeUserPlaceholder(uid, centroid);
-          }
+          const userMapOrigins = userMaps[uid];
+          const centroid = new THREE.Vector3(0, 0, 0);
+          userMapOrigins.forEach(origin => centroid.add(origin));
+          centroid.divideScalar(userMapOrigins.length);
+          // Mostrar siempre un sol central con el nombre del usuario, incluido el propio
+          visualizeUserPlaceholder(uid, centroid);
         });
 
         const userListElement = document.getElementById('userList');