SETTINGS

const settings = {
      badTV: {
        title: "Bad TV",
        uniform: "badTV",
        values: [
          {
            title: "Thick Distortion",
            val: "thickDistortion",
            min: 0.1,
            max: 6,
            step: 0.1,
            type: "range"
          },
          {
            title: "Fine Distortion",
            val: "fineDistortion",
            min: 0,
            max: 6,
            step: 0.1,
            type: "range"
          },
          {
            title: "Roll Speed",
            val: "rollSpeed",
            min: 0,
            max: 6,
            step: 0.1,
            type: "range"
          }
        ]
      },

      linear: {
        title: "Linear",
        uniform: "linear",
        values: [
          {
            title: "Count",
            val: "count",
            min: 0,
            max: 1,
            step: 0.01,
            type: "range"
          },
          {
            title: "Lines Amount",
            val: "linesAmount",
            min: 0,
            max: 2,
            step: 0.01,
            type: "range"
          },
          {
            title: "Noise Amount",
            val: "noiseAmount",
            min: 0,
            max: 2,
            step: 0.01,
            type: "range"
          }
        ]
      },

      rainbow: {
        title: "Rainbow",
        uniform: "rainbow",
        values: [
          {
            title: "Amount",
            val: "rainbowAmount",
            min: 0.1,
            max: 0.8,
            step: 0.01,
            type: "range"
          },
          {
            title: "Offset",
            val: "offset",
            min: 0.1,
            max: 0.8,
            step: 0.01,
            type: "range"
          }
        ]
      },

      hueSaturation: {
        title: "Hue and Saturation",
        uniform: "hueSaturation",
        values: [
          {
            title: "Hue",
            val: "hue",
            min: -1,
            max: 1,
            step: 0.1,
            type: "range"
          },
          {
            title: "Saturation",
            val: "saturation",
            min: -1,
            max: 1,
            step: 0.1,
            type: "range"
          }
        ]
      },

      glow: {
        uniform: "glow",
        values: [
          {
            title: "Amount",
            val: "glowAmount",
            min: 0,
            max: 2,
            step: 0.01,
            type: "range"
          },
          {
            title: "Size",
            val: "size",
            min: 0,
            max: 10,
            step: 0.04,
            type: "range"
          },
          {
            title: "Darkness",
            val: "darkness",
            min: 0,
            max: 0.8,
            step: 0.01,
            type: "range"
          }
        ]
      },

      layerOffsetRGB: {
        title: "Layer Offset RGB",
        uniform: "layerOffsetRGB",
        values: [
          {
            title: "Amount",
            val: "rgbShiftAmount",
            min: 0,
            max: 0.1,
            step: 0.001,
            type: "range"
          },
          {
            title: "Angle",
            val: "angle",
            min: 0,
            max: 6.28,
            step: 0.01,
            type: "range"
          }
        ]
      },

      solarize: {
        title: "Solarize",
        uniform: "solarize",
        values: [
          {
            title: "Colorize",
            val: "colorize",
            min: 0.2,
            max: 0.8,
            step: 0.01,
            type: "range"
          },
          {
            title: "Power Curve",
            val: "powerCurve",
            min: 1,
            max: 3,
            step: 0.01,
            type: "range"
          },
          {
            title: "Center Brightness",
            val: "centerBrightness",
            min: 0,
            max: 1,
            step: 0.01,
            type: "range"
          }
        ]
      },

      edge: {
        title: "Edge",
        uniform: "edge",
        values: [
          {
            title: "Amount",
            val: "edgeAmount",
            min: 0,
            max: 1,
            step: 0.01,
            type: "range"
          },
          {
            title: "Angle",
            val: "angle",
            min: 0,
            max: 1,
            step: 0.01,
            type: "range"
          }
        ]
      },

      glitcher: {
        title: "Glitcher",
        uniform: "glitcher",
        values: [
          {
            title: "Amount",
            val: "glitcherAmount",
            min: 0,
            max: 0.5,
            step: 0.01,
            type: "range"
          },
          {
            title: "Speed",
            val: "speed",
            min: 0,
            max: 1,
            step: 0.01,
            type: "range"
          }
        ]
      },

      mirror: {
        uniform: "mirror",
        values: [
          {
            title: "Side",
            val: "side",
            max: 3,
            min: 0,
            step: 1,
            type: "range"
          }
        ]
      },

      barrelBlur: {
        title: "Barrel Blur",
        uniform: "barrelBlur",
        values: [
          {
            title: "Amount",
            val: "barrelBlurAmount",
            max: 0.2,
            min: 0,
            step: 0.01,
            type: "range"
          }
        ]
      },

      smear: {
        title: "Smear",
        uniform: "smear",
        values: [
          {
            title: "Amount",
            val: "smearAmount",
            max: 0.15,
            min: 0,
            step: 0.001,
            type: "range"
          }
        ]
      },

      noiseDisplace: {
        title: "Noize Displace",
        uniform: "noiseDisplace",
        values: [
          {
            title: "Amount",
            val: "noiseDisplaceAmount",
            max: 0.1,
            min: 0,
            step: 0.01,
            type: "range"
          },
          {
            title: "Scale",
            val: "scale",
            max: 2,
            min: 0.2,
            step: 0.01,
            type: "range"
          },
          {
            title: "Speed",
            val: "noiseDisplaceSpeed",
            max: 0.3,
            min: 0,
            step: 0.01,
            type: "range"
          }
        ]
      },

      verticalTiltShift: {
        title: "Vertical Tilt Shift",
        uniform: "verticalTiltShift",
        values: [
          {
            title: "Amount",
            val: "verticalTiltShiftAmount",
            min: 0.001,
            max: 0.02,
            step: 0.001,
            type: "range"
          },
          {
            title: "Position",
            val: "position",
            max: 1,
            min: 0,
            step: 0.1,
            type: "range"
          }
        ]
      },

      wobble: {
        title: "Smear",
        uniform: "smear",
        values: [
          {
            title: "Strength",
            val: "strength",
            max: 0.05,
            min: 0,
            step: 0.0001,
            type: "range"
          },
          {
            title: "Size",
            val: "size",
            max: 10,
            min: 1,
            step: 1,
            type: "range"
          }
        ]
      },

      pixelate: {
        title: "Pixelate",
        uniform: "pixelate",
        values: [
          {
            title: "Pixels X",
            val: "pixelsX",
            max: 200,
            min: 1,
            step: 1,
            type: "range"
          },
          {
            title: "Pixels Y",
            val: "pixelsY",
            max: 200,
            min: 1,
            step: 1,
            type: "range"
          }
        ]
      },

      polarPixelate: {
        title: "Polar Pixelate",
        uniform: "polarPixelate",
        values: [
          {
            title: "Radius",
            val: "radius",
            max: 0.1,
            min: 0.0001,
            step: 0.0001,
            type: "range"
          },
          {
            title: "Segments",
            val: "segments",
            max: 0.3,
            min: 0.0001,
            step: 0.0001,
            type: "range"
          }
        ]
      },

      dotMatrix: {
        title: "Dot Matrix",
        uniform: "dotMatrix",
        values: [
          {
            title: "Dots",
            val: "dots",
            min: 1,
            max: 200,
            step: 1,
            type: "range"
          },
          {
            title: "Size",
            val: "size",
            min: 0.001,
            max: 1,
            step: 0.001,
            type: "range"
          },
          {
            title: "Blur",
            val: "blur",
            min: 0.03,
            max: 1,
            step: 0.001,
            type: "range"
          }
        ]
      },

      duotone: {
        uniform: "duotone",
        values: [
          {
            title: "Highlight Color",
            val: "highlightColor",
            type: "colorPicker",
            show: false
          },
          {
            title: "Shadow Color",
            val: "shadowColor",
            type: "colorPicker",
            show: false
          },
          {
            title: "Intensity",
            val: "alpha",
            min: 0,
            max: 1,
            step: 0.01,
            type: "range"
          }
        ]
      },

      blur: {
        uniform: "blur",
        values: [
          {
            title: "Blur amount",
            val: "amount",
            min: 1,
            max: 12,
            step: 1,
            type: "range"
          }
        ]
      },

      popArt: {
        uniform: "popArt",
        values: [
          {
            title: "Halftone Size",
            val: "halftone_size",
            min: 3,
            max: 50,
            step: 1,
            type: "range"
          },
          {
            title: "Detail Level",
            val: "detail_level",
            min: 50,
            max: 230,
            step: 1,
            type: "range"
          }
        ]
      }
    };