diff --git a/index.html b/index.html index 2d5bdae..5ae4004 100644 --- a/index.html +++ b/index.html @@ -250,6 +250,20 @@ multiplayerClient.registerPlayer(username); } + // Change username + function changeUsername() { + // Clear saved username from localStorage + localStorage.removeItem('connect5_username'); + + // Show username modal + const modal = document.getElementById('usernameModal'); + if (modal) { + modal.classList.add('active'); + // Clear the input field + document.getElementById('usernameInput').value = ''; + } + } + // Allow Enter key to submit username document.addEventListener('DOMContentLoaded', () => { const input = document.getElementById('usernameInput'); diff --git a/multiplayer.js b/multiplayer.js index 2a0a7c3..a8adbdc 100644 --- a/multiplayer.js +++ b/multiplayer.js @@ -27,7 +27,17 @@ class MultiplayerClient { this.socket.on('connect', () => { console.log('✅ Connected to multiplayer server'); - this.showUsernameModal(); + + // Check if username is saved in localStorage + const savedUsername = localStorage.getItem('connect5_username'); + if (savedUsername) { + console.log('Found saved username:', savedUsername); + // Auto-login with saved username + this.registerPlayer(savedUsername); + } else { + // Show username modal if no saved username + this.showUsernameModal(); + } }); this.socket.on('disconnect', () => { @@ -103,6 +113,10 @@ class MultiplayerClient { this.playerId = data.player.id; this.username = data.player.username; + // Save username to localStorage for auto-login + localStorage.setItem('connect5_username', this.username); + console.log('Username saved to localStorage'); + // Hide username modal const modal = document.getElementById('usernameModal'); if (modal) {