style, resize, animations

static/net.js

@@ -0,0 +1,101 @@
+let SOCKET;
+
+function initNet() {
+    SOCKET = io("/socket");
+
+    SOCKET.on("connect", () => {
+        let oid = selfOid();
+        if (oid) {
+            SOCKET.emit("join", {
+                room: ROOM,
+                name: selfName(),
+                oid: oid,
+            });
+        } else {
+            openCreateUserModal();
+        }
+    });
+
+    SOCKET.on("message", msg => {
+        TEXT._display(msg.text, msg.timeout)
+    })
+
+    SOCKET.on("end_message", msg => {
+        alert(msg.text)
+    })
+
+    SOCKET.on("game_state", msg => {
+        if (msg.state === "PLAYING") {
+            document.getElementById("create-game").style.display = "none";
+
+            SOCKET.emit("get_card", {
+                "oid": selfOid(),
+                "room": ROOM,
+            })
+        } else if (msg.state === "ENDED") {
+            SOCKET.emit("get_end_message")
+        }
+    })
+
+    SOCKET.on("card_state", msg => {
+        if (CARDS.hasOwnProperty("SELF")) {
+            if (CARDS.hasOwnProperty(msg.card.oid)) {
+                CARDS[msg.card.oid]._update(msg.card)
+            } else {
+                const card = new BingoCard(msg.card.oid, msg.parent, XSCALE, YSCALE);
+                card._self = msg.card
+                CARDS[msg.card.oid] = card;
+                updateCards();
+            }
+        }
+    })
+
+    SOCKET.on("get_card_rsp", msg => {
+        // Add self card
+        let card = new BingoCard(msg.card.oid, msg.parent, 1.0);
+
+        card._self = msg.card;
+        CARDS[msg.card.oid] = card;
+        CARDS["SELF"] = card;
+        updateCards();
+    })
+
+    SOCKET.on("join_rsp", msg => {
+
+        if (msg.ok === false) {
+            openCreateUserModal();
+            return;
+        }
+
+        document.getElementById("create-user").style.display = "none";
+
+        localStorage.setItem("oid", msg.oid)
+        document.title = msg.oid
+
+        if (msg.state === "CREATING") {
+            createGameModal();
+
+        } else if (msg.state === "PLAYING") {
+            SOCKET.emit("get_card", {
+                "oid": selfOid(),
+                "room": ROOM,
+            })
+        } else if (msg.state === "ENDED") {
+            SOCKET.emit("get_end_message")
+        }
+    });
+
+    SOCKET.on("room_join", msg => {
+        // console.log(msg);
+    })
+
+    SOCKET.on("style_state", msg => {
+        STYLE = msg.style
+        APP.renderer.backgroundColor = STYLE.background;
+
+        if (TEXT === undefined) {
+            TEXT = makeText();
+            APP.stage.addChild(TEXT);
+        }
+    })
+}