Make 3D

1 files changed, 28 insertions, 0 deletions

diff --git a/lib/factories/ui.js b/lib/factories/ui.js
new file mode 100644
index 0000000..27ff6eb
--- /dev/null
+++ b/lib/factories/ui.js
@@ -0,0 +1,28 @@
+export function settingsContainer({id, label, level=2}) {
+
+  const container = document.createElement('div');
+  container.id = id;
+  container.innerHTML = `<h${level}>${label}</h${level}>`;
+  return container;
+};
+
+export function slider({min, max, step, get, set, label = '', className}) {
+
+  const sliderContainer = document.createElement('div');
+  sliderContainer.classList.add('slider');
+  sliderContainer.classList.add(className);
+  const labelElement = document.createElement('label');
+  labelElement.innerHTML = label;
+  const slider = document.createElement('input');
+  slider.type = 'range';
+  slider.min = min;
+  slider.max = max;
+  slider.step = step;
+  slider.value = get().toString();
+
+  slider.addEventListener('input', () => set(slider.value));
+
+  sliderContainer.appendChild(labelElement);
+  sliderContainer.appendChild(slider);
+  return sliderContainer;
+}