I'm using filter() on my sketch but I want the user to be able to change the filter by clicking buttons.

So I have something that looks like:

PShader myFilter;

then in my draw,
filter(myFilter);

- how do I change the value of myFilter? I tried myFilter = THRESHOLD and myFilter = "THRESHOLD" but obviously that won't work as they need a PShader. I don't know what to do. Is there a string to PShader conversion method?

Hey folks. Consider the following code:

1. PImage imgSrc; // PImage qui contiendra l'image source JPG
   float nbrImages; // Nombre d'images sources
   
   PImage imgPix; // PImage qui contiendra l'image pixelisee
   float detail = 1.5; // Le plus haut la valeur, le moins de detail. Minimum = 1 - les decimals font une grande difference. Meme 1.01 enlevera du detail.;
   
   void setup() {
     // Nombre d'images
     nbrImages = 1;
   
     // On load une image aleatoire parmis nos images
     imgSrc = loadImage(str(int(random(1, nbrImages+1))) + ".jpg");
   
     // On set la taille du sketch a la meme taille que l'image choisie 
     size(imgSrc.width, imgSrc.height);
   
     // On smooth!
     smooth();
   
     // On ajuste le fps
     frameRate(30);
   
     // On cree une image dans imgPix de la meme taille que l'image source en mode RGB. Nous la remplirons de pixels relatifs a l'image source.
     imgPix = createImage(imgSrc.width, imgSrc.height, RGB);
   }
   
   
   void draw() {
     // Background noir
     background(0);
   
     // Nous traversons chaque pixel de imgPix et lui attribuons le meme pixel que imgSrc mais avec un risque de ne pas lui attribuer de pixel (pour creer du "detail")
     for (int i = 0; i < imgPix.width * imgPix.height; i++) {
       if ( random(0, detail) < 1 ) {
         imgPix.pixels[i] = imgSrc.pixels[i];
       }
     }
   
     // On affiche l'image pixelisee
     image(imgPix, 0, 0);
   }
   
   void mousePressed(){
     println("old detail: " + detail);
     detail += 0.01;
     println("new detail: " + detail);
   }

For this code to work, please add a random 1000x600 image named 1.jpg in your /data folder. For convenience: http://i.imgur.com/9EZEhS0.jpg

I'm trying to get my image to update the amount of pixels that are actually displayed depending on the value of detail. The higher the value, the less chance of a pixel being shown, hence less detail. Unfortunately this does not seem to work despite me clicking (notice mousePressed increases the value of detail).

I tried placing my imgPix.loadPixels(); and imgPix.updatePixels(); everywhere and I still can't figure the thing out.

Any help much appreciated!

1. class Explosion {
     // proprietes
     float posX; // Position X du "centre" des explosions (le premier point de chaque courbe est le centre)
     float posY; // Position Y du centre
     int nbrCourbes; // Nombre de courbe dans l'explosion
     ArrayList mesCourbes; // Arraylist qui contient mes courbes
   
       // constructeur
     Explosion(float posX_, float posY_, int nbrCourbes_) {
       posX = posX_;
       posY = posY_;
       nbrCourbes = nbrCourbes_;
   
       mesCourbes = new ArrayList();
   
   
       // Creation des courbes dependamment du nombre demande en parametre
       float R = random(50, 255);
       float G = random(50, 255);
       float B = random(50, 255);
       for (int i = 0; i < nbrCourbes; i++) {
         mesCourbes.add(new Courbe(color(R, G, B)));
       }
     }
   
     // fonction
     void afficher() {
       for (int i = 0; i < mesCourbes.size(); i++) {
         Courbe c = (Courbe) mesCourbes.get(i);
         pushMatrix();
         translate(posX, posY);
         rotate(radians(i));
         c.afficher();
         popMatrix();
       }
     }
   }

In my "afficher()" function, I'm trying to add a delay between the displaying of each curve (courbe). I can't seem to figure it out. I've tried millis() all day long with timestamps and whatnot, it just won't work. Basically, I want each of them to appear after the other instead of all of them at the same time when I call Explosion()'s afficher()

Hey guys, first, I'm going to give solving the issue myself a try. If I still can't figure that out, I'll ask about the gradient in an oval.