Files
noise-fields/frontend/js/control.js
T
2026-03-26 03:06:44 +01:00

28 lines
724 B
JavaScript

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 });
});