dis8637-2024-2

grupo-02

Integrantes

• 02 - Tiare Bustos Salazar
• 07 - Santiago Gaete Fernández
• 08 - Emilia Guerra Aguilo

estados de pantalla

pantalla 1

// variables

// = (0||1||2)
int currentScreenState;

PGraphics startScreen, mainScreen, endScreen;

boolean isGamePlaying;

int timeLimit = 5; // seconds

int timeLeft;

// custom button class for Processing
PButton startButton;

// timer for game logic
int timer; 

void setup() {
  fullScreen();
  cargarPantallas();
  inicializarPantallas();
  
  // puzzleCargar();
  
  // configurarPuzzle();
}

void draw() {
  proyectarPantalla();
  // actualizarPuzzle();
}

pantalla 2

PFont font;  //la fuente que quiero usar para resaltar la letra seleccionada
PFont robotoBlack;
PFont robotoThin;
boolean nombreEscrito;
int indiceLetra; //el indice que conecta numeros con letras
String candidato = ""; //esto es el espacio donde se va escribiendo el nombre
String[] abecedario = {" ", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M",
  "N", "Ñ", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"};
boolean popUp;
String votoCheck = "SU VOTO HA SIDO REGISTRADO EXITOSAMENTE";
PImage img;

boolean cursorVisible = true;
int lastBlinkTime = 0;
int blinkInterval = 500; // Intervalo de parpadeo en milisegundos

void setup() {
  size(1366, 768);
  font = createFont("RobotoRegular-3m4L.ttf", 32);
  robotoBlack = createFont("RobotoBlackItalic-LmMD", 100);
  robotoThin = createFont("RobotoThin-xjmK.ttf", 40);
  boolean nombreEscrito = false;
  boolean popUp = false;
    img = loadImage("serbelLogo2.jpeg");

}

void draw() {
  background(245);


  //CABESERA
  //CABECERA
  //fill(240, 235, 235);
  
  
   
  

  pushStyle();
  fill(245);
  rectMode(CENTER);
  stroke(255, 0, 0);
  strokeWeight(4);
  rect(width/2, 0, 1370, 250);
  fill(75);
  textFont(font);
  textAlign(CENTER);
  text("ESCRIBA EL NOMBRE DEL CANDIDATO POR EL QUE DESEA VOTAR", width/2, height/8+9-4);
  popStyle();


  image(img, 15, 15, 90, 90);


  //// FLEXA IZQUIERDA
  //pushStyle();
  //fill(200, 200, 200);
  //stroke(0);
  //strokeWeight(2);
  //beginShape();
  //vertex(width/2 - width/7, height/2 + 50); //90°
  //vertex(width/2 - width/7 - 170, height/2 + 50);
  //vertex(width/2 - width/7 - 220, height/2); //punta
  //vertex(width/2 - width/7 - 170, height/2 - 50);
  //vertex(width/2 - width/7, height/2 - 50); //90°
  //endShape(CLOSE);
  //popStyle();

  //sombra flexa izq
  pushStyle();
  noStroke();
  fill(0);
  triangle(width/2 - 180-4, height/2 + 40+8, width/2 - 180-4, height/2 - 40+8, width/2 - 230-4, height/2+8);
  popStyle();

  //FLEXA REAL
  pushStyle();
  stroke(2);
  fill(200, 70, 70);
  triangle(width/2 - 180, height/2 + 40, width/2 - 180, height/2 - 40, width/2 - 230, height/2);
  popStyle();

  //// FLEXA DERECHA
  //pushStyle();
  //fill(101, 101, 101);
  //stroke(0);
  //strokeWeight(2);
  //beginShape();
  //vertex(width/2 + width/7,       height/2 - 50); //90°
  //vertex(width/2 + width/7 + 50, height/2 - 50);
  //vertex(width/2 + width/7 + 80, height/2 ); //punta
  //vertex(width/2 + width/7 + 50, height/2 + 50);
  //vertex(width/2 + width/7,       height/2 + 50); //90°
  //endShape(CLOSE);
  //popStyle();

  //sombra FLEXA DEREXA
  pushStyle();
  noStroke();
  fill(0);
  triangle(width/2 + 180+4, height/2 - 40+8, width/2 + 180+4, height/2 + 40+8, width/2 + 230+4, height/2+8);
  popStyle();

  //FLEXA REAL
  pushStyle();
  stroke(2);
  fill(200, 70, 70);
  triangle(width/2 + 180, height/2 - 40, width/2 + 180, height/2 + 40, width/2 + 230, height/2);
  popStyle();



  ////////////////////////////////////

  // VISTA PREVIA: Letra anterior
  pushStyle();
  fill(75);
  textAlign(CENTER);
  textSize(40);
  String letraAnterior;

  if (indiceLetra == 0) {
    letraAnterior = abecedario[27]; // Última letra del abecedario, "z" en este caso
    text(letraAnterior, width / 2 - 120, height / 2 + 15);
  } else if (abecedario[indiceLetra - 1].equals(" ")) {
    // Dibujar el ícono para el espacio si la letra anterior es un espacio
    pushStyle();
    noFill(); // Sin relleno para la figura
    stroke(75);
    strokeWeight(2);
    beginShape();
    vertex(width / 2 - 120 - 20, height / 2 + 8); // Coordenadas del ícono
    vertex(width / 2 - 120 - 20, height / 2 + 20);
    vertex(width / 2 - 120 + 20, height / 2 + 20);
    vertex(width / 2 - 120 + 20, height / 2 + 8);
    endShape();
    popStyle();
  } else {
    letraAnterior = abecedario[indiceLetra - 1];
    text(letraAnterior, width / 2 - 120, height / 2 + 15);
  }
  popStyle();


  // visualizador Letra actual
  pushStyle();
  textAlign(CENTER);
  fill(75);
  textFont(robotoBlack);
  textSize(100);
  text(abecedario[indiceLetra], width/2, height/2 + 30);
  popStyle();

  // Letra actual
  pushStyle();
  textAlign(CENTER);
  fill(0);
  textSize(100);
  popStyle();

  //si la letra mostrada en el visualizador es el " ", muestra el icono de "espacio"
  if (abecedario[indiceLetra].equals(" ")) {
    pushStyle();
    noFill(); // Color del shape
    strokeWeight(5);
    stroke(75);
    beginShape();
    vertex(width/2 - 28, height/2);
    vertex(width/2- 28, height/2 + 20);
    vertex(width/2 + 28, height/2+ 20);
    vertex(width/2 + 28, height/2);
    endShape();
    popStyle();
    // } else {
    // Dibuja la letra actual
    //  text(abecedario[indiceLetra], width / 2, height / 2 + 15);
  }



  // VISTA PREVIA: Letra siguiente
  pushStyle();
  fill(75);
  textAlign(CENTER);
  textSize(40);
  String letraSiguiente;

  if (indiceLetra == 27) {
    letraSiguiente = abecedario[0];
    // Dibujar el ícono para el espacio
    pushStyle();
    noFill(); // Sin relleno para la figura
    strokeWeight(2);
    stroke(75);
    beginShape();
    vertex(width / 2 + 120 - 20, height / 2 + 8); // Coordenadas del ícono
    vertex(width / 2 + 120 - 20, height / 2 + 20);
    vertex(width / 2 + 120 + 20, height / 2 + 20);
    vertex(width / 2 + 120 + 20, height / 2 + 8 );
    endShape();
    popStyle();
  } else {
    letraSiguiente = abecedario[indiceLetra + 1];
  }
  text(letraSiguiente, width/2 +120, height/2 + 15);
  popStyle();



  ////////////////////////////////////

  //sombra del boton pa añadir letra
  pushStyle();
  fill(245);
  noStroke();
  rect(width/2 -245, height/2 +136, 330, 90);
  popStyle();

  // Botón para añadir la letra seleccionada
  pushStyle();
  fill(255);
  stroke(200);
  rect(width/2 -240, height/2 +130, 320, 90);
  fill(255, 0, 0);
  textFont(font);
  textAlign(CENTER);
  textSize(32);
  text("Añadir Selección", width/2 -78, height/2 +188);
  popStyle();

  // Botón para borrar
  pushStyle();
  fill(255, 20, 20);
  noStroke();
  rect(width/2 + 105, height/2 + 130, 135, 90);
  popStyle();

  //icono del boton pa borrar
  pushStyle();
  // noFill();
  fill(255);
  strokeWeight(3);
  stroke(255);
  beginShape();
  vertex(width/2 + 150, height/2 + 200);
  vertex(width/2 + 210, height/2 + 200);
  vertex(width/2 + 210, height/2 + 150);
  vertex(width/2 + 150, height/2 + 150);
  vertex(width/2 + 130, height/2 + 175);
  vertex(width/2 + 150, height/2 + 200);
  endShape();
  popStyle();

  pushStyle();
  stroke(255, 0, 0);
  strokeWeight(3);
  line(width/2 + 155, height/2 + 190, width/2 + 200, height/2 + 160);
  line(width/2 + 155, height/2 + 160, width/2 + 200, height/2 + 190);
  popStyle();

  //background de la casilla rellenable
  //negro
  //triangle(width/2-150, height/8 + 60 - 35, width/2 + 150, height/8 - 5, width/2-160, height/2 - 210);
  pushStyle();
  fill(90);
  triangle(width/2 - 355, height/8+83+82, width/2- 355, height/8 - 5+82, width/2 + 354, height/8 - 5+82);
  popStyle();

  //blanco
  pushStyle();
  noStroke();
  fill(255);
  //triangle(  width/2-160, height/2 - 210,  width/2 + 150, height/8 - 5, width/2+160, height/2 - 210);
  triangle(width/2 - 355, height/8 + 86+82, width/2 + 355, height/8 - 3+82, width/2 + 355, height/8 + 86+82);
  popStyle();

  ////CASILLA RELLENABLE
  pushStyle();
  fill(240, 240, 240);
  noStroke();
  rectMode(CENTER);
  rect(width/2, height/8+ 40+82, 704, 85);
  line(width/2- 140, height/8 + 60, width/2 + 140, height/8 + 60);
  popStyle();

  //texto: CANDIDATO NOMBRE
  textAlign(LEFT);
  fill(75);
  textSize(40);
  text(candidato, width/2- 340, 150+82);
  //text("lalala", 450, 150);
  println(candidato);
  
  //CURSOR PARPADEANTE
  pushStyle();
    if (millis() - lastBlinkTime > blinkInterval) {
    cursorVisible = !cursorVisible; // Alternar estado del cursor
    lastBlinkTime = millis();
  }
  
  if (cursorVisible) {
    float cursorX = textWidth(candidato) + (width/2 - 340); // Posición del cursor
    strokeWeight(3);
    line(cursorX, 150 + 82 - 30, cursorX, 150 + 82 + 10);
    popStyle();
  }
  //println(candidato);


  //"ENTER"
  pushStyle();
  fill(200);
  strokeWeight(4);
  stroke(255);
  rectMode(CENTER);
  //width/2- 140, height/8 + 60, width/2 + 140, height/8 + 60
  rect(width/2 + 307, height/8 + 38+82, 90, 90);

  //flexa
  // "ENTER" - Botón y flecha
  pushStyle();
  fill(200);
  strokeWeight(4);
  stroke(255);
  rectMode(CENTER);

  // Flecha apuntando a la derecha
  noFill();
  stroke(255);
  strokeWeight(2);
  beginShape();

  // Coordenadas de la flecha (forma rectangular y punta triangular)
  vertex(width/2 + 290, height/8 + 38 - 10+82);  // Esquina superior izquierda del cuerpo
  vertex(width/2 + 307, height/8 + 38 - 10+82);  // Esquina superior derecha del cuerpo
  vertex(width/2 + 307, height/8 + 38 - 20+82);  // Punto superior de la punta
  vertex(width/2 + 328, height/8 + 38+82);       // Punta derecha de la flecha
  vertex(width/2 + 307, height/8 + 38 + 20+82);  // Punto inferior de la punta
  vertex(width/2 + 307, height/8 + 38 + 10+82);  // Esquina inferior derecha del cuerpo
  vertex(width/2 + 290, height/8 + 38 + 10+82);  // Esquina inferior izquierda del cuerpo

  endShape(CLOSE);
  popStyle();
  popStyle();

  //si escribes el nombre, el boton cambia de gris a verde
  if (candidato.equals("A") || (candidato.equals("LEO CEA") || (candidato.equals("RAFAELA CATRILEFQUEN") || (candidato.equals("MIGUEL KREUTZBERGER") || (candidato.equals("DONATELA IRARRAZABAL")))))) {
    nombreEscrito = true;
  } else {
    nombreEscrito = false;
  }

  if (nombreEscrito) {
    pushStyle();
    stroke(0, 120, 0);
    fill(20, 170, 20);
    strokeWeight(3);
    rectMode(CENTER);
    //width/2- 140, height/8 + 60, width/2 + 140, height/8 + 60
    rect(width/2 + 307, height/8 + 38+82, 86, 86);

    // Flecha apuntando a la derecha
    noFill(); // Negro para la flecha
    //stroke(230, 255, 230); // Sin borde para la flecha
    stroke(220, 255, 220);
    strokeWeight(3);
    beginShape();

    // Coordenadas de la flecha (forma rectangular y punta triangular)
    vertex(width/2 + 290, height/8 + 38 - 10+82);  // Esquina superior izquierda del cuerpo
    vertex(width/2 + 307, height/8 + 38 - 10+82);  // Esquina superior derecha del cuerpo
    vertex(width/2 + 307, height/8 + 38 - 20+82);  // Punto superior de la punta
    vertex(width/2 + 328, height/8 + 38+82);       // Punta derecha de la flecha
    vertex(width/2 + 307, height/8 + 38 + 20+82);  // Punto inferior de la punta
    vertex(width/2 + 307, height/8 + 38 + 10+82);  // Esquina inferior derecha del cuerpo
    vertex(width/2 + 290, height/8 + 38 + 10+82);  // Esquina inferior izquierda del cuerpo

    endShape(CLOSE);
    popStyle();
  }

  if (popUp == true) {
    pushStyle();

    fill(0, 150);
    rectMode(CENTER);
    rect(width/2, height/2, 1366, 768);


    fill(220, 210, 210);
    stroke(0);
    strokeWeight(3);
    rectMode(CENTER);
    rect(width/2, height/2 - 50, 800, 400, 15);
    textAlign(CENTER);
    textSize(30);
    fill(0);
    text( votoCheck, width/2, height/2 - 50);
    popStyle();
  } else {
    popUp = false;
  }
}




void mouseReleased() {
  // Flecha derecha
  if (mouseX < width/2 + 232 && mouseX > width/2 + 178 && mouseY > height/2 - 40 && mouseY < height/2 + 40) {
    if (indiceLetra < 27) {
      indiceLetra = indiceLetra + 1;
    } else {
      indiceLetra = 0;
    }
  }
  // Flecha izquierda
  else if (mouseX > width/2 - 232 && mouseX < width/2 - 178 && mouseY > height/2 - 40 && mouseY < height/2 + 40) {
    if (indiceLetra == 0) {
      indiceLetra = 27;
    } else {
      indiceLetra = indiceLetra - 1;
    }
  }
  //si "añadir letra", la letra seleccionada se pone en el cuadro de texto
  //width/2 -240, height/2 +130, 320, 90, 10)

  else if (mouseX > width/2 - 250 && mouseX < width/2 + 82 && mouseY > height/2 + 128 && mouseY < height/2 + 222) {
    candidato = candidato + abecedario[indiceLetra];
  }
  // Borrar la última letra 45, 50, 50, 50, 10ul
  else if (mouseX > width/2 + 100 && mouseX < width/2 + 242 && mouseY > height/2 + 128 && mouseY < height/2 + 222) {
    // background(0, 0, 255);
    if (candidato.length() > 0) {
      candidato = candidato.substring(0, candidato.length() - 1);
    }
  } else {
    println("click afuera");
  }

  println("Letra actual: " + abecedario[indiceLetra]);

  if (nombreEscrito && mouseX < width/2 + 360 && mouseX > width/2 + 262 && mouseY > height /8 - 10+82 && mouseY < height/8 + 85+82) {
    popUp = true;
  } else {
    popUp = false;
  }
}

pantalla 3

``` java int digitoActual; boolean numberCheck; PFont font; //la fuente que quiero usar para resaltar la letra seleccionada PFont robotoBlack; PFont robotoThin; PFont robotoBold; PImage img; boolean popUp; String votoCheck = “SU VOTO HA SIDO REGISTRADO EXITOSAMENTE”;

void setup() { size(1366, 768); digitoActual = 0; boolean numberCheck = false; font = createFont(“RobotoRegular-3m4L.ttf”, 32); robotoBlack = createFont(“RobotoBlack-Powx.ttf”, 50); robotoThin = createFont(“RobotoThin-xjmK.ttf”, 50); robotoBold = createFont(“RobotoMedium-Owv4.ttf”,50); img = loadImage(“serbelLogo2.jpeg”); boolean popUp = false; }

void draw() { background(245);

//CABECERA //fill(240, 235, 235);

pushStyle(); fill(245); rectMode(CENTER); stroke(255, 0, 0); strokeWeight(4); rect(width/2, 0, 1370, 250); fill(75); textFont(font); textAlign(CENTER); text(“DIGITE EL CÓDIGO DEL CANDIDATO POR EL QUE DESEA VOTAR”, width/2-8, height/8+9-6); popStyle();

image(img, 15, 15, 90, 90);

// pushStyle(); // //fill(250, 230, 230); // noStroke(); // fill(237,58,79); // //rectMode(CENTER); // // stroke(255, 0, 0); // //strokeWeight(4); // // rect(width/2, height/9, 1370, 300); // rect(0,0, 200, 800); // popStyle();

// pushStyle(); // fill(237,58,79); //rect(1200, 0, 200, 800); // popStyle();

//background de la casilla rellenable //negro //triangle(width/2-150, height/8 + 60 - 35, width/2 + 150, height/8 - 5, width/2-160, height/2 - 210); pushStyle(); fill(90); triangle(width/2 - 355+54, height/8+83+80, width/2- 355+54, height/8 - 5+80, width/2 + 354-68, height/8 - 5+80); popStyle();

//blanco pushStyle(); noStroke(); fill(255); //triangle( width/2-160, height/2 - 210, width/2 + 150, height/8 - 5, width/2+160, height/2 - 210); triangle(width/2 - 355+48, height/8 + 86+ 80, width/2 + 355-68, height/8 - 3+80, width/2 + 355-68, height/8 + 86+80); popStyle();

////CASILLA RELLENABLE pushStyle(); fill(240, 240, 240); noStroke(); rectMode(CENTER); rect(width/2-7, height/8+ 40+80, 580, 85); // line(width/2- 140, height/8 + 60, width/2 + 140, height/8 + 60); popStyle();

//texto: numero cambiante pushStyle(); textAlign(CENTER); fill(75); textFont(robotoBold); textSize(40); text(digitoActual, width/2-25, 150+80); //text(“lalala”, 450, 150); popStyle();

//”ENTER” pushStyle(); fill(200); strokeWeight(4); stroke(255); rectMode(CENTER); //width/2- 140, height/8 + 60, width/2 + 140, height/8 + 60 rect(width/2 + 307-65, height/8 + 38+80, 90, 90); popStyle();

// Flecha apuntando a la derecha pushStyle(); noFill(); stroke(255); strokeWeight(2); beginShape();

// Coordenadas de la flecha (forma rectangular y punta triangular) vertex(width/2 + 290-65, height/8 + 38 - 10+80); // Esquina superior izquierda del cuerpo vertex(width/2 + 307-65, height/8 + 38 - 10+80); // Esquina superior derecha del cuerpo vertex(width/2 + 307-65, height/8 + 38 - 20+80); // Punto superior de la punta vertex(width/2 + 328-65, height/8 + 38+80); // Punta derecha de la flecha vertex(width/2 + 307-65, height/8 + 38 + 20+80); // Punto inferior de la punta vertex(width/2 + 307-65, height/8 + 38 + 10+80); // Esquina inferior derecha del cuerpo vertex(width/2 + 290-65, height/8 + 38 + 10+80); // Esquina inferior izquierda del cuerpo

endShape(CLOSE); popStyle();

//UNIDADES //sombra triangulo pa arriba a la izquierda pushStyle(); noStroke(); fill(0); triangle(width/2 - 150+50-30, height/2 + 80 -50, width/2- 350+50+30, height/2 + 80-50, width/2 - 250+50, height/2 + 20-50);

//real fflexa pa arriba decenas IZQ fill(200, 70, 70); noStroke(); triangle(width/2 - 110-30, height/2 + 27, width/2- 310+30, height/2 + 27, width/2 - 210, height/2 -33);

//signo más + flexa arriba izquierda strokeWeight(4); stroke(255); line(width/2-210, height/2-10+2, width/2-210, height/2+10+2); line(width/2-198, height/2+2, width/2-222, height/2+2);

popStyle();

//1 pushStyle(); fill(75); textSize(50); textAlign(CENTER); textFont(robotoBold); text(“1”, width/2 - 210, height/2 + 90);

//sombraFLEXA PA ABAJO izquierda pushStyle(); noStroke(); fill(0); triangle(width/2 - 150 + 50 -30, height/2 + 120, width/2-350 + 50+30, height/2 + 120, width/2 - 250 + 50, height/2 + 180); // strokeWeight(3); //stroke(255, 0, 0);

//flecha pa abajo fill(200, 70, 70); triangle(width/2 - 150 + 50-10-30, height/2 + 120+3, width/2-350 + 50-10+30, height/2 + 120+3, width/2 - 250 + 50-10, height/2 + 180+3); popStyle();

pushStyle(); //signo menos - derexa stroke(0); line(width/2-198, height/2+2+120, width/2-222, height/2+2+120);

popStyle();

//////////////////////////////////////////////// //////////////FLEXAS DERECHA///////////////// //////////////////////////////////////////////// // sombra triangulo pa arriba: dereza pushStyle(); noStroke(); fill(0); triangle(width/2 + 150 - 50+30, height/2 + 80 - 50, width/2 + 350 - 50-30, height/2 + 80-50, width/2 + 250 - 50, height/2 + 20-50); //real triangulo pa arriba: unidades noStroke(); fill(200, 70, 70); triangle(width/2 + 150 - 50 -10+30, height/2 + 80 - 50-3, width/2 + 350 - 50-10-30, height/2 + 80-50-3, width/2 + 250 - 50-10, height/2 + 20-50-3); popStyle();

//signo más + flexa arriba derexa pushStyle(); strokeWeight(4); stroke(255); //flexa vertical line(width/2-210+1992, height/2-10+2, width/2-210+1992, height/2+10+2); //flexa horizontal line(width/2-198+1992, height/2+2, width/2-222+1992, height/2+2);

popStyle();

//10 pushStyle(); textSize(50); textAlign(CENTER); textFont(robotoBold); text(“10”, width/2 + 200, height/2 + 90); popStyle();

//sombra FLEXA PA ABAJO: derexa pushStyle(); noStroke(); fill(0); triangle(width/2 + 150-50+30, height/2 + 120, width/2 + 350-50-30, height/2 + 120, width/2 + 250-50, height/2 + 180);

//real flexa pa abajo derexa fill(200, 70, 70); triangle(width/2 + 150-50-10+30, height/2 + 120+3, width/2 + 350-50-10-30, height/2 + 120+3, width/2 + 250-50-10, height/2 + 180+3); popStyle();

// #793 dona // #645 rafa // #936 migue // #101 leo

if (digitoActual == 101 || digitoActual== 645 || digitoActual== 793 || digitoActual== 936) { numberCheck = true; } else { numberCheck = false; }

if (numberCheck== true) { pushStyle(); stroke(0, 120, 0); fill(20, 170, 20); strokeWeight(3); rectMode(CENTER); //width/2- 140, height/8 + 60, width/2 + 140, height/8 + 60 rect(width/2 + 307, height/8 + 38+80, 86, 86);

// Flecha apuntando a la derecha
noFill(); // Negro para la flecha
//stroke(230, 255, 230); // Sin borde para la flecha
stroke(220, 255, 220);
strokeWeight(3);
beginShape();

// Coordenadas de la flecha (forma rectangular y punta triangular)
vertex(width/2 + 290, height/8 + 38 - 10+80);  // Esquina superior izquierda del cuerpo
vertex(width/2 + 307, height/8 + 38 - 10+80);  // Esquina superior derecha del cuerpo
vertex(width/2 + 307, height/8 + 38 - 20+80);  // Punto superior de la punta
vertex(width/2 + 328, height/8 + 38+80);       // Punta derecha de la flecha
vertex(width/2 + 307, height/8 + 38 + 20+80);  // Punto inferior de la punta
vertex(width/2 + 307, height/8 + 38 + 10+80);  // Esquina inferior derecha del cuerpo
vertex(width/2 + 290, height/8 + 38 + 10+80);  // Esquina inferior izquierda del cuerpo

endShape(CLOSE);
popStyle();   }

if(popUp == true){ pushStyle();

fill(0, 150); rectMode(CENTER); rect(width/2, height/2, 1366, 768);

fill(220, 210, 210); stroke(0); strokeWeight(3); rectMode(CENTER); rect(width/2, height/2 - 50, 800, 400, 15); textAlign(CENTER); textSize(30); fill(0); text( votoCheck ,width/2, height/2 - 50); popStyle(); }else{ popUp = false; }

}

void mouseReleased() { //flexa derexa abajo if (mouseX > width/2 + 92 && mouseX < width/2 + 300 && mouseY > height/2 + 120 && mouseY < height/2 +190) { // background(255, 0, 0); digitoActual = digitoActual - 10; } //flexa derexa arriba if (mouseX > width/2 + 92 && mouseX < width/2 + 300 && mouseY > height/2 -35 && mouseY < height/2 + 35) { // background(255, 0, 0); digitoActual = digitoActual + 10; }

//flexa izquierda abajo if (mouseX < width/2 - 92 && mouseX > width/2 - 300 && mouseY > height/2 + 120 && mouseY < height/2 +190) { //background(255, 0, 0); digitoActual = digitoActual - 1; }

//flexa izquierda arriba if (mouseX < width/2 - 92 && mouseX > width/2 - 300 && mouseY > height/2 -35 && mouseY < height/2 + 35) { // background(255, 0, 0); digitoActual = digitoActual + 1; }

// #793 // #645 // #936 // #011

if (numberCheck && mouseX < width/2 + 360 && mouseX > width/2 + 262 && mouseY > height /8 - 10+80 && mouseY < height/8 + 85+80) { popUp = true; } else { popUp = false; } }

This site is open source. Improve this page.