class Slider{
  int x,y,w,h,cb; // cb is the clickBorder
  float maxVal, minVal, value;
  color cStroke, cFill;
  //------------------------------------------------
  Slider(int x, int y, int w, int h, float minVal, float maxVal, float value) {
    this.x = x;
    this.y = y;
    this.w = w;
    this.h = h;
    this.maxVal = maxVal;
    this.minVal = minVal;
    this.value = value;
    this.cStroke = color(64);
    this.cFill = color(255,64);
    cb = 3;
  }
  //------------------------------------------------
  void visualize() {
    fill(cStroke);
    stroke(cStroke);
    rect(x,y,w,h);
    fill(cFill);
    rect(x,y+h-h*(value-minVal)/(maxVal-minVal),w,h*(value-minVal)/(maxVal-minVal));
  }
  //------------------------------------------------
  float mouseInput(int mX, int mY) {
    if(mX>x-cb && mX<x+w+cb && mY>y && mY<y+h) value = minVal + (maxVal-minVal)*(h-mY+y)/h;
    return value;
  }
  //------------------------------------------------
}
//##################################################
class Button{
  int x,y,w,h,cb,eventKey; // cb is the clickBorder
  color cStroke, cFill;
  PFont font;
  String caption;
  //------------------------------------------------
  Button(int x, int y, int w, int h, PFont font, String caption) {
    this.x = x;
    this.y = y;
    this.w = w;
    this.h = h;
    this.font = font;
    this.caption = caption;
    this.eventKey = eventKey;
    this.cStroke = color(255,128);
    this.cFill = color(255,64);
    cb = 3;
  }
  //------------------------------------------------
  void visualize() {
    fill(cFill);
    stroke(cStroke);
    noStroke();
    rect(x,y,w,h);
    fill(cStroke);
    textFont(font);
    textAlign(CENTER);
    text(caption,x+w/2,y+h/2+5);
  }
  //------------------------------------------------
  boolean mouseInput(int mX, int mY) {
    return (mX>x-cb && mX<x+w+cb && mY>y && mY<y+h);
  }
  //------------------------------------------------
}
//###################################################################################################################################