import { GUI } from "lil-gui";
import io from "socket.io-client";

const socket = io("http://localhost:3000");

const gui = new GUI();
const params = {
  fps: 60,
  zoom: 1,
  backgroundTicks: 60,
  textSpread: 0,
  maxSpawns: 1,
  textAlpha: 0.0,
  textTicks: 1,
};
gui.add(params, "fps", 0.1, 60);
gui.add(params, "zoom", 1, 20);
gui.add(params, "backgroundTicks", 1, 600).step(1);
const textFolder = gui.addFolder("Text");
textFolder.add(params, "textSpread", 0, 200);
textFolder.add(params, "maxSpawns", 1, 20).step(1);
textFolder.add(params, "textAlpha", 0, 255).step(1);
textFolder.add(params, "textTicks", 1, 600).step(1);

gui.onChange((e) => {
  socket.emit("paramUpdate", { key: e.property, value: e.value });
});