Update server.js

server.js

@@ -4,28 +4,34 @@ const { Server } = require('socket.io');
 
 const app = express();
 const server = http.createServer(app);
-const io = new Server(server, { cors: { origin: "*" } });
+const io = new Server(server, { 
+    cors: { origin: "*" },
+    pingInterval: 2000, 
+    pingTimeout: 5000 
+});
 
 app.use(express.static('public'));
 
 // GLOBAL STATE
 const players = {};
+// A static seed ensuring everyone gets the exact same map logic
 const GLOBAL_SEED = Math.floor(Math.random() * 1000000); 
 
 io.on('connection', (socket) => {
-    // 1. Send configuration on connect
+    // 1. Send configuration immediately
     socket.emit('config', { seed: GLOBAL_SEED });
 
     // 2. Player joins
     socket.on('join', (data) => {
         players[socket.id] = {
             id: socket.id,
-            name: data.name.substring(0, 12) || "Guest",
+            name: (data.name || "Guest").substring(0, 12),
             skin: data.skin || "square",
             x: 0,
             y: 0,
             score: 0,
-            isDead: false
+            isDead: false,
+            lastSeen: Date.now()
         };
     });
 
@@ -33,39 +39,49 @@ io.on('connection', (socket) => {
     socket.on('update', (data) => {
         const p = players[socket.id];
         if (p) {
-            p.x = data.x;
-            p.y = data.y;
-            p.vx = data.vx;
-            p.vy = data.vy;
-            p.skin = data.skin;
-            p.score = data.score;
-            p.isDead = data.isDead;
+            // Data comes in array: [x, y, vx, vy, score, isDead]
+            p.x = data[0];
+            p.y = data[1];
+            p.vx = data[2];
+            p.vy = data[3];
+            p.score = data[4];
+            p.isDead = data[5];
+            p.lastSeen = Date.now();
         }
     });
 
-    // 4. Handle Disconnect
     socket.on('disconnect', () => {
         delete players[socket.id];
     });
 });
 
-// BROADCAST LOOP (60 TPS for smoothness)
+// BROADCAST LOOP (30 TPS)
+// 30 times a second is the sweet spot for browser games. 
+// 60 TPS over internet often causes packet choking (the 0.1fps issue).
 setInterval(() => {
     const pack = [];
     const leaderboard = [];
+    const now = Date.now();
 
     for (const id in players) {
         const p = players[id];
         
-        // Pack data strictly needed for rendering
-        pack.push({
-            id: p.id,
-            x: Math.round(p.x),
-            y: Math.round(p.y),
-            s: p.skin,
-            d: p.isDead,
-            n: p.name // Explicitly send name every tick to ensure it loads
-        });
+        // Timeout check (remove stale players)
+        if (now - p.lastSeen > 10000) {
+            delete players[id];
+            continue;
+        }
+
+        // COMPRESSION: Send Array instead of Object
+        // [id, x, y, skin, isDead, name]
+        pack.push([
+            p.id,
+            Math.round(p.x),
+            Math.round(p.y),
+            p.skin,
+            p.isDead ? 1 : 0,
+            p.name
+        ]);
 
         if (!p.isDead) {
             leaderboard.push({ name: p.name, score: p.score });
@@ -76,11 +92,12 @@ setInterval(() => {
     leaderboard.sort((a, b) => b.score - a.score);
     const top3 = leaderboard.slice(0, 3);
 
-    io.emit('worldUpdate', { players: pack, lb: top3 });
+    // Send world state
+    io.emit('w', { p: pack, l: top3 });
 
-}, 16); // ~60ms
+}, 33); 
 
 const PORT = process.env.PORT || 3000;
 server.listen(PORT, () => {
-    console.log(`Server running on port ${PORT}`);
+    console.log(`Server running on port ${PORT} | Seed: ${GLOBAL_SEED}`);
 });