import { Slider } from "./slider.js"

function makeSliders()
{
  const sliders = {
    scale: new Slider("scale", 0.0, 0.01),
    translateX: new Slider("translate x", -1, 1),
    translateY: new Slider("translate y", -1, 1),

    distanceThreshold: new Slider("dist. threshold", 0.25, 0.75),
    distanceScale: new Slider("distance scale", 0.0, 2.0),
    //distanceOffset: new Slider("distance offset", -20.0, 20.0),

    outlineThreshold: new Slider("outline threshold", 0.0, 1.0),
    outlineScale: new Slider("outline scale", 0.0, 50.0),
    //outlineOffset: new Slider("outline offset", -20.0, 20.0),

    colorMix: new Slider("color mix", 0.0, 1.0),
    colorScale: new Slider("color scale", 0.0, 10.0),
    colorOffset: new Slider("color offset", 0.0, 3.1415),
  };

  /*
  const defaults = {"color scale":"148","bone length":"32","outline scale":"37","dist. threshold":"562","velocity acc.":"385","translate x":"464","outline threshold":"433","translate y":"495","bone count":"40","outline offset":"482","scale":"229","outline. threshold":"512","color offset":"118","distance offset":"676","threshold offset":"265","velocity damp.":"796","distance scale":"404","threshold scale":"739","color mix":"0"};
  for (let slider of Object.values(sliders)) {
    if (slider.label in defaults) {
      slider.input.value = defaults[slider.label];
    }
    }
  */

  return sliders;
}

export { makeSliders };