/* built with Studio Sketchpad: 
 *   https://sketchpad.cc
 * 
 * observe the evolution of this sketch: 
 *   https://designuniandes.sketchpad.cc/sp/pad/view/ro.p2HUH5LcYxh/rev.1
 * 
 * authors: 
 *   Camilo Sandoval

 * license (unless otherwise specified): 
 *   creative commons attribution-share alike 3.0 license.
 *   https://creativecommons.org/licenses/by-sa/3.0/ 
 */ 



// This sketch builds on a prior work, "Assignment 4: Interaction", created by Hernando Barragan
// http://designuniandes.sketchpad.cc/sp/pad/view/ro.B4VbtZTzKDqjC4/rev.3




//boton borrar
float x=0;
float y=360;
float xx=40;
float yy=40;

//boton a
float xc=40;
float yc=360;
float xxc=40;
float yyc=40;
float contc=1;

//boton b
float xcm=80;
float ycm=360;
float xxcm=40;
float yycm=40;
float contcm=0;

//boton c
float xcp=120;
float ycp=360;
float xxcp=40;
float yycp=40;
float contcp=0;

//boton d
float xl=160;
float yl=360;
float xxl=40;
float yyl=40;
float contl=0;

//boton f
float xed=200;
float yed=360;
float xxed=40;
float yyed=40;
float conted=0;

//boton g
float xeo=240;
float yeo=360;
float xxeo=40;
float yyeo=40;
float conteo=0;

//boton color
float xcol=280;
float ycol=360;
float xxcol=40;
float yycol=40;
float contcol=0;

//boton cruzada
float xcz=360;
float ycz=360;
float xxcz=40;
float yycz=40;
float contcz=0;

//otros
PFont font;
float dib=0;

//colores
float r=0;
float g=0;
float b=0;

float rxcolores= 280;
float rycolores= 360;
float rxxcolores= 40;
float ryycolores= 20;

float gxcolores= 320;
float gycolores= 360;
float gxxcolores= 40;
float gyycolores= 20;

float bxcolores= 360;
float bycolores= 360;
float bxxcolores= 40;
float byycolores= 20;

void setup() {
  size (400, 400);
  background(240);

  //FUENTE

  font=loadFont("DigifaceWide-48.vlw");
}

void draw() {

  //DIBUJAR
  if ( mousePressed==false && mouseX>=0 && mouseX<=400 && mouseY>=0 && mouseY<=360 ) {
    dib=0;
  }
  if ( mousePressed==true && mouseX>=0 && mouseX<=400 && mouseY>=0 && mouseY<=360 ) {
    dib=1;
  }
 
  
  
  //BOTONES
  fill(180, 180, 180);
  stroke(100, 100, 100);
  strokeWeight(2);

  //boton borrar
  rect(x, y, xx, yy);
  if ( mousePressed && mouseX>=x && mouseX<=x+xx && mouseY>=y && mouseY<=y+yy ) {
    background(240);
  }

  //boton a
  rect(xc, yc, xxc, yyc);
  if ( mousePressed && mouseX>=xc && mouseX<=xc+xxc && mouseY>=yc && mouseY<=yc+yyc ) {
    contc=1;
    contcm=0;
    contcp=0;
    contl=0;
    conted=0;
    conteo=0;
    contcz=0;
  }


  //boton b
  rect(xcm, ycm, xxcm, yycm);
  if ( mousePressed && mouseX>=xcm && mouseX<=xcm+xxcm && mouseY>=ycm && mouseY<=ycm+yycm ) {
    contc=0;
    contcm=1;
    contcp=0;
    contl=0;
    conted=0;
    conteo=0;
    contcz=0;
  }
  //boton c
  rect(xcp, ycp, xxcp, yycp);
  if ( mousePressed && mouseX>=xcp && mouseX<=xcp+xxcp && mouseY>=ycp && mouseY<=ycp+yycp ) {
    contc=0;
    contcm=0;
    contcp=1;
    contl=0;
    conted=0;
    conteo=0;
    contcz=0;
  }
  //boton d
  rect(xl, yl, xxl, yyl);
  if ( mousePressed && mouseX>=xl && mouseX<=xl+xxl && mouseY>=yl && mouseY<=yl+yyl ) {
    contc=0;
    contcm=0;
    contcp=0;
    contl=1;
    conted=0;
    conteo=0;
    contcz=0;
  }
  //boton f
  rect(xed, yed, xxed, yyed);
  if ( mousePressed && mouseX>=xed && mouseX<=xed+xxed && mouseY>=yed && mouseY<=yed+yyed ) {
    contc=0;
    contcm=0;
    contcp=0;
    contl=0;
    conted=1;
    conteo=0;
    contcz=0;
  }
  //boton g
  rect(xeo, yeo, xxeo, yyeo);
  if ( mousePressed && mouseX>=xeo && mouseX<=xeo+xxeo && mouseY>=yeo && mouseY<=yeo+yyeo ) {
    contc=0;
    contcm=0;
    contcp=0;
    contl=0;
    conted=0;
    conteo=1;
    contcz=0;
  }
  //boton color
  /*rect(xcol, ycol, xxcol, yycol);
  if (mousePressed && mouseX>=xcol && mouseX<=xcol+xxcol && mouseY>=ycol && mouseY<=ycol+yycol) {
    contcol=contcol+5;
    if (contcol>=250) {
      contcol=0;
    }
  }
*/
//botones colores
 fill(r, 0, 0);
  stroke(255, 0, 0);
  strokeWeight(2);
  rect(rxcolores, rycolores, rxxcolores, ryycolores);
  if (mousePressed && mouseX>=rxcolores && mouseX<=rxcolores+rxxcolores && mouseY>=rycolores && mouseY<=rycolores+ryycolores) {
    r=r+5;
    if (r>=255) {
      r=0;
    }
  }
   fill(0, g, 0);
  stroke(0, 255, 0);
  strokeWeight(2);
   rect(gxcolores, gycolores, gxxcolores, gyycolores);
  if (mousePressed && mouseX>=gxcolores && mouseX<=gxcolores+gxxcolores && mouseY>=gycolores && mouseY<=gycolores+gyycolores) {
    g=g+5;
    if (g>=255) {
      g=0;
    }
  }
   fill(0, 0, b);
  stroke(0, 0, 255);
  strokeWeight(2);
  rect(bxcolores, bycolores, bxxcolores, byycolores);
  if (mousePressed && mouseX>=bxcolores && mouseX<=bxcolores+bxxcolores && mouseY>=bycolores && mouseY<=bycolores+byycolores) {
    b=b+5;
    if (b>=255) {
      b=0;
    }
  }

  //boton cruzada
/*  rect(xcz, ycz, xxcz, yycz);
  if ( mousePressed && mouseX>=xcz && mouseX<=xcz+xxcz && mouseY>=ycz && mouseY<=ycz+yycz ) {
    contc=0;
    contcm=0;
    contcp=0;
    contl=0;
    conted=0;
    conteo=0;
    contcz=1;
  }
  */
  //TEXTOBOTONES
  fill(70, 70, 70);
  textFont(font, 20);
  text("x", x+10, y+30);
  text("1", xc+10, yc+30);
  text("2", xcm+10, ycm+30);
  text("3", xcp+10, ycp+30);
  text("4", xl+10, yl+30);
  text("5", xed+10, yed+30);
  text("6", xeo+10, yeo+30);
 // text("c", xcol+10, ycol+30);
 // text("?", xcz+10, ycz+30);

  //PINCEL
  noFill();
  smooth();
  stroke(r,g,b);
  strokeWeight(2);

  //a
  line((mouseX-20)*contc*dib, (mouseY-5)*contc*dib, (mouseX+20)*contc*dib, (mouseY-5)*contc*dib);
  line((mouseX-20)*contc*dib, (mouseY+5)*contc*dib, (mouseX+20)*contc*dib, (mouseY+5)*contc*dib);

  //b
  line((mouseX-10)*contcm*dib, (mouseY-6)*contcm*dib, (mouseX+10)*contcm*dib, (mouseY-6)*contcm*dib);
  line((mouseX-10)*contcm*dib, (mouseY-2)*contcm*dib, (mouseX+10)*contcm*dib, (mouseY-2)*contcm*dib);
  line((mouseX-10)*contcm*dib, (mouseY+2)*contcm*dib, (mouseX+10)*contcm*dib, (mouseY+2)*contcm*dib);
  line((mouseX-10)*contcm*dib, (mouseY+6)*contcm*dib, (mouseX+10)*contcm*dib, (mouseY+6)*contcm*dib);

  

  //c
  line((mouseX-3)*contcp*dib, (mouseY-3)*contcp*dib, (mouseX+3)*contcp*dib, (mouseY-3)*contcp*dib);
  line((mouseX-6)*contcp*dib, (mouseY-0)*contcp*dib, (mouseX+6)*contcp*dib, (mouseY)*contcp*dib);
  line((mouseX-9)*contcp*dib, (mouseY+3)*contcp*dib, (mouseX+9)*contcp*dib, (mouseY+3)*contcp*dib);

  //d
  line((mouseX-3)*contl*dib, (mouseY-5)*contl*dib, (mouseX+3)*contl*dib, (mouseY-5)*contl*dib);
  line((mouseX-9)*contl*dib, (mouseY-0)*contl*dib, (mouseX+9)*contl*dib, (mouseY)*contl*dib);
  line((mouseX-3)*contl*dib, (mouseY+5)*contl*dib, (mouseX+3)*contl*dib, (mouseY+5)*contl*dib);
  
  //f
  line((mouseX+8)*conted*dib, (mouseY-15)*conted*dib, (mouseX-8)*conted*dib, (mouseY+15)*conted*dib);
  

  //g
  line((mouseX+8)*conteo*dib, (mouseY-15)*conteo*dib, (mouseX-8)*conteo*dib, (mouseY+15)*conteo*dib);
  line((mouseX+0)*conteo*dib, (mouseY-20)*conteo*dib, (mouseX-16)*conteo*dib, (mouseY+20)*conteo*dib);
  
  //visor
   fill(r,g,b);
  noStroke();
  rect (280,380,120,20);

  //cruzada
  /*fill(50+contcol);
  textFont(font, 20*contcz*dib);
  text("1095-1291", mouseX*contcz, mouseY*contcz);
*/
}