began multiplayer

src/main.ts

@@ -1,8 +1,9 @@
 import { crew } from "@kaplayjs/crew";
-import kaplay, { Comp, EmptyComp } from "kaplay";
+import kaplay from "kaplay";
 import { createCards } from "./card";
 import { WOBBLE_ANGLE, SPEED } from "./constants";
 import "kaplay/global"; // uncomment if you want to use without the  prefix
+import { initWebRTC } from "./multiplayer";
 
 export const k = kaplay({
   plugins: [crew],
@@ -124,6 +125,9 @@ scene("menu", () => {
       duration: 1,
     });
   });
+
+  const peerIDToConnect = location.pathname.replace("/", "");
+  initWebRTC(peerIDToConnect);
 });
 
 scene("game", (scravatar: string) => {
@@ -134,42 +138,6 @@ scene("game", (scravatar: string) => {
     setCamPos(lerp(getCamPos(), player.pos, 0.1));
   });
 
-  const button = add([
-    pos(10, height() - 50),
-    rect(120, 40),
-    outline(3, BLACK),
-    color("mediumspringgreen"),
-    area(),
-    layer("ui"),
-    fixed(),
-    "button",
-  ]);
-
-  button.add([
-    pos(60, 20),
-    anchor("center"),
-    color(BLACK),
-    text("Countdown", { font: "happy", size: 14 }),
-  ]);
-
-  button.onHover(() => {
-    button.color = button.color.darken(40);
-    setCursor("pointer");
-  });
-
-  button.onHoverEnd(() => {
-    button.color = button.color.lighten(40);
-    setCursor("default");
-  });
-
-  onClick("button", () => {
-    addKaboom(mousePos());
-  });
-
-  button.onClick(() => {
-    addKaboom(mousePos());
-  });
-
   onKeyDown(["w", "up"], () => {
     player.moveBy(0, -SPEED);
   });