//Librairies
import controlP5.*;
ControlP5 cP5;

// boutton accueil
controlP5.Button aveugle;
controlP5.Button chat;
controlP5.Button ancien;
controlP5.Button drogue;
controlP5.Button spidercochon;


float valeur;
PImage nous;
color[][] tableaudecouleurs= new color[1250][550];
float rouge;
float vert;
float bleu;
int i=0;
int j=0;
int Aveugle1=0;
int sunglass1=0;

void setup() {
  background(255);
  size(1300, 900);
  cP5 = new ControlP5(this);//ça sert à rien de le mettre à chaque fois une seul fois suffit

  aveugle=cP5.addButton("aveugle")
    .setPosition(75, 150 )
    .setCaptionLabel("aveugle" )
    .setSize(100, 50)
    .setColorBackground(color(0, 0, 0));

  aveugle=cP5.addButton("chat")
    .setPosition(250, 150 )
    .setCaptionLabel("chat" )
    .setSize(100, 50)
    .setColorBackground(color(0, 0, 0));

  aveugle=cP5.addButton("ancien")
    .setPosition(75, 350 )
    .setCaptionLabel("ancien" )
    .setSize(100, 50)
    .setColorBackground(color(0, 0, 0));

  aveugle=cP5.addButton("drogue")
    .setPosition(250, 350 )
    .setCaptionLabel("drogue" )
    .setSize(100, 50)
    .setColorBackground(color(0, 0, 0));


  aveugle=cP5.addButton("spidercochon")
    .setPosition(75, 500 )
    .setCaptionLabel("spidercochon" )
    .setSize(100, 50)
    .setColorBackground(color(0, 0, 0));

    aveugle=cP5.addButton("sunglass")
    .setPosition(250, 500 )
    .setCaptionLabel("sunglass" )
    .setSize(100, 50)
    .setColorBackground(color(0, 0, 0));






  nous=loadImage("nous.jpg");
  nous.resize(600, 400); //taille image
   image(nous, 650, 150);


}

void aveugle(){ //quand t'appuie sur le bouton /!\ ton bouton avait le même nom de ta variable il faut pas faire ça sinon l'ordi comprend que tu veut convertir un bouton en variable aveugle->aveugle1
Aveugle1=1;
}
void sunglass(){
sunglass1=1;
}

void draw() {
  fill(155);
  rect(25, 0, 400, 600);

  aveugle2();

  sunglass1();

  fill(255, 0, 0);
  ellipse(350, 50, 50, 50);
}


//onglet suivant

void aveugle2(){
  image(nous, 650, 150);
  // La tu prend chaque pixel de l'image et tu l'entre dans un tableau
   for (int i=650; i<1250; i++) { //comme ton image est en coordonnées 650 150 tu commence i à 650 et j à 150
      for (int j=150; j<550; j++) { // ton tableau à une taille de 1250 par 550 car (650+600=1250 et 150+400=550) == (position X + taille de l'image et position Y + taille de l'image)
        tableaudecouleurs[i][j]=get(i, j);//tu récupere la couleur
        if (Aveugle1>=1) { //si tu as appuyer sur le bouton
                color couleur=color((int) 0, (int) 0, (int) 0); //on modifie les couleurs on enlève 30 de rouge 35 de vert et 100 de blue tu peut modifier les couleurs tu verras c'est marrant et si t'as appris à faire un boutton slider en CP5 tu peut même les modifier en direct sur le jeu
        set(i, j, couleur);//on affiche le tableau
        }
      }
    }
}

//onglet suivant

void sunglass1(){
 image(nous, 650, 150);
  // La tu prend chaque pixel de l'image et tu l'entre dans un tableau
   for (int i=650; i<1250; i++) { //comme ton image est en coordonnées 650 150 tu commence i à 650 et j à 150
      for (int j=150; j<550; j++) { // ton tableau à une taille de 1250 par 550 car (650+600=1250 et 150+400=550) == (position X + taille de l'image et position Y + taille de l'image)
        tableaudecouleurs[i][j]=get(i, j);//tu récupere la couleur
        if (sunglass1>=1) { //si tu as appuyer sur le bouton
                color couleur=color((int) red(tableaudecouleurs[i][j])-30, (int) green(tableaudecouleurs[i][j])-35, (int) blue(tableaudecouleurs[i][j])-100); //on modifie les couleurs on enlève 30 de rouge 35 de vert et 100 de blue tu peut modifier les couleurs tu verras c'est marrant et si t'as appris à faire un boutton slider en CP5 tu peut même les modifier en direct sur le jeu
        set(i, j, couleur);//on affiche le tableau
        }
      }
    }
}