Update public/sketch.js

public/sketch.js

@@ -2,18 +2,7 @@
 // ERASER is binded to the frameGraphics, and all the drawings operations works on the drawGraphic
 // Each path is displayed on the frameGraphics before being deleted to make the eraser working properly
 //Systeme à reproduire pour les autres projet, c'est le plus efficace, et le plus maniable ;)
-let space_uri;
-let hf_tkn;
-const socket = io();
-  // client-side
-  socket.on("connect", () => {
-    console.log(socket.id); // x8WIv7-mJelg7on_ALbx
-    socket.on("hello", (arg) => {
-      //console.log(arg)
-      space_uri = arg[0];
-      hf_tkn = arg[1];
-    });
-  });
+
 
 let canvas;
 let Cursor;
@@ -29,6 +18,16 @@ let show_diffused = false;
 
 function preload() {
   
+const socket = io();
+  // client-side
+  socket.on("connect", () => {
+    console.log(socket.id); // x8WIv7-mJelg7on_ALbx
+    socket.on("hello", (arg) => {
+      //console.log(arg)
+      space_uri = arg[0];
+      hf_tkn = arg[1];
+    });
+  });
 }
 
 function setup() {