NetClient

import NetClient from "./netClient.js";

const net = new NetClient("wss://your-server.onrender.com", "myGame");

net.connect();

net.on("connected", () => {
  // Connection open — create a room
  net.createRoom([], 4, false);
});

net.on("roomCreated", (roomId) => {
  console.log("Room ready:", roomId); // Share this ID with others
});

net.on("playerJoined", (playerId) => {
  // Broadcast your current state to the new player
  net.sendRelay({ x: player.x, y: player.y, color: player.color });
});

net.on("relay", (fromId, payload) => {
  // Another player sent us their state
  updatePlayer(fromId, payload);
});

import NetClient from "./netClient.js";

const net = new NetClient("wss://your-server.onrender.com", "myGame");
net.connect();

// ── Create room ──────────────────────────────
document.getElementById("createBtn").onclick = () => {
  net.createRoom([], 8, false, { name: "My Game" });
};

net.on("roomCreated", (roomId) => {
  document.getElementById("roomCode").textContent = roomId;
  // Share roomId with friends so they can join
});

// ── Join room ─────────────────────────────────
document.getElementById("joinBtn").onclick = () => {
  const code = document.getElementById("codeInput").value.trim();
  net.joinRoom(code);
};

net.on("roomJoined", (roomId, playerId, ownerId, maxClients) => {
  console.log(`Joined room ${roomId}. Host is ${ownerId}`);
});

// ── Player events ─────────────────────────────
net.on("playerJoined", (id) => console.log("Player joined:", id));
net.on("playerLeft",  (id) => console.log("Player left:",  id));
net.on("error",        (msg) => console.warn("Error:", msg));

const players = {}; // id → { x, y, color }
let myId = null;

net.on("assignedId", (id) => { myId = id; });

// When we or others join, seed initial state
net.on("roomJoined", () => {
  players[myId] = { x: 100, y: 100, color: randomColor() };
  net.sendRelay(players[myId]);
});

net.on("playerJoined", () => {
  // Announce yourself to the new arrival
  net.sendRelay(players[myId]);
});

net.on("playerLeft", (id) => { delete players[id]; });

// Apply remote state
net.on("relay", (fromId, data) => {
  if (!players[fromId]) players[fromId] = {};
  Object.assign(players[fromId], data);
});

// Game loop — broadcast our position every frame
function loop() {
  const me = players[myId];
  if (me) {
    handleInput(me);
    net.sendRelay({ x: me.x, y: me.y });
  }
  renderAll(players);
  requestAnimationFrame(loop);
}
loop();

import NetClient from "./netClient.js";

const net = new NetClient("wss://your-server.onrender.com", "shooter");
const players = {};
let myId = null, gameRunning = false;

net.connect();
net.on("assignedId", (id) => (myId = id));

// ── Lobby ────────────────────────────────────
net.on("roomCreated", (roomId) => {
  showLobby(roomId);
});

// ── Game start (host only) ───────────────────
function startGame() {
  if (!net.isHost) return;
  net.addTag("closed");          // No new joins
  net.sendRelay({ type: "start" }); // Tell all players
  initGame();
}

net.on("relay", (fromId, data) => {
  if (data.type === "start") { initGame(); return; }

  // Position updates
  if (!players[fromId]) players[fromId] = {};
  Object.assign(players[fromId], data);
});

// ── Host actions (authoritative) ─────────────
net.on("tellOwner", (fromId, data) => {
  if (!net.isHost) return;
  if (data.action === "shoot") {
    // Validate and broadcast result
    net.sendRelay({ type: "hit", targetId: data.targetId, by: fromId });
  }
});

// ── Host reassignment ─────────────────────────
net.on("makeHost", () => {
  console.log("You are now the host");
  // Take over authority
});

// ── Teardown ─────────────────────────────────
net.on("playerLeft", (id) => { delete players[id]; });

window.addEventListener("beforeunload", () => net.disconnect());