//////////////////Parameters

int n=3; //number of sliders
int markerLength=15; //slider size
color c = color(255,0,0,255); //slider colors
int sw=2;//strokeWeight

//////////////////Parameters

int currentCN=0;
float cn[]= new float [n];
String cnH[]= new String[n];

void mouseMoved(){
  stroke(c);
  for (int i=0;i<n;i++){
    if (mouseX>width*i/n && mouseX<width*constrain(i+1,0,n)/n){
      pushMatrix();
      translate(width/n,height/2-markerLength/2);
      line(width*(i-1)/n,0,width*(i-1)/n,markerLength);
      line(width*i/n,0,width*i/n,markerLength);
      popMatrix();
      currentCN=i;
      slider(i);
    }
  }
    help(currentCN);
}

void help(int i){
 cnH[i]="cn["+i+"]="+cn[i]+"";
  pushMatrix();
  translate(width*(i)/n+width/n/2,height/2);
  textFont(smFont);
  textSize(12);
  textAlign(CENTER);
  fill(c);
  text(cnH[i],0,0);
  popMatrix();
}

void mouseDragged() {
  for (int i=0;i<n;i++){
    if (mouseX>width*i/n && mouseX<width*constrain(i+1,0,n)/n){
      if (mouseButton == LEFT){
        cn[i]=constrain(cn[i]+(pmouseY-mouseY)/(height/2-.001f) ,-1,1);
        slider(i);
      }
    }
  }
}

void slider(int position){
  pushMatrix();
  translate(width*(position)/n+width/n/2-markerLength/2,height/2);
  stroke(c);
  strokeWeight(sw);
  line(0,-cn[position]*height/2,markerLength,-cn[position]*height/2);
  popMatrix();
    help(currentCN);
}