the first code:

 

1. import krister.Ess.*;
2. int bufferSize;
   int steps;
   float limitDiff;
   int numAverages=1;
   float myDamp=.1f;
   float maxLimit,minLimit;
3. FFT myFFT;
   AudioInput myInput;
   int audioSensibility;
    
   import processing.video.*;
4. // Size of each cell in the grid
   int cellSize = 6;
   // Number of columns and rows in our system
   int cols, rows;
   // Variable for capture device
   Capture video;
   PShape star;
5. 
   void setup() {
6.  
     smooth();
7.  
     Ess.start(this); 
       bufferSize=512;
     myInput=new AudioInput(bufferSize);
8.   // set up our FFT
     myFFT=new FFT(bufferSize*2);
     myFFT.equalizer(true);
9.   // set up our FFT normalization/dampening
     minLimit=.049;
     maxLimit=.05;
     myFFT.limits(minLimit,maxLimit);
     myFFT.damp(myDamp);
     myFFT.averages(numAverages);
10.   // get the number of bins per average
      steps=bufferSize/numAverages;
11.   // get the distance of travel between minimum and maximum limits
      limitDiff=maxLimit-minLimit;
        myInput.start();
       audioSensibility = 500;
     
      size(1920,900, P3D);
      // Set up columns and rows
      cols = width/2 / cellSize;
      rows = height/2 / cellSize;
      colorMode(RGB, 255, 255, 255, 70);
      ellipseMode(CENTER);
12.   // Uses the default video input, see the reference if this causes an error
      video = new Capture(this, 640, 480);
      video.start();
     // frameRate(45);
13.   filter(BLUR,15);
    }
14. 
    void draw() {
     
15. 
      float percent=max(0,(myFFT.max-minLimit)/limitDiff);
     
     // rect(600,11,50,(int)(198*percent));
16.   if (video.available()) {
        video.read();
        video.loadPixels();
       
        background(0,0,0);
       //filter(BLUR,10);
        // Begin loop for columns
        for (int i = 0; i < cols;i++) {
          // Begin loop for rows
          for (int j = 0; j < rows;j++) {
17.         // Where are we, pixel-wise?
            int x = i*cellSize + cellSize/2;
            int y = j*cellSize + cellSize/2;
            int loc = (video.width - x - 1) + y*video.width; // Reversing x to mirror the image
           
            // Each rect is colored white with a size determined by brightness
            color c = video.pixels[loc];
            float sz = ((percent)*1000/ float(width)) * brightness(video.pixels[loc]) + 20.0;
            pushMatrix();
           translate(x , y , sz);
          
           println("percent : "+percent);
          //translate(x , y , sz+20);
            fill(c);
            ;
            noStroke();
        
           
            //ellipse(0, 0, cellSize , cellSize);
            ellipse(x + cellSize/2, y + cellSize/2,sz*brightness(c)/255, sz*brightness(c)/255);
            //rect(x + cellSize/2, y + cellSize/2,sz*brightness(c)/255, sz*brightness(c)/255);
            //star = createShape();
            //star.vertex(0, -16,cellSize, cellSize);
           //star.vertex(4, -7,cellSize, cellSize);
            //star.vertex(11, -5,cellSize, cellSize);
            //star.vertex(5, 2,cellSize, cellSize);
            //star.vertex(7, 10,cellSize, cellSize);
            //star.vertex(0, 6,cellSize, cellSize);
            //star.vertex(-7, 10,cellSize, cellSize);
            //star.vertex(-5, 2,cellSize, cellSize);
            //star.vertex(-11, -5,cellSize, cellSize);
            //star.vertex(-4, -7,cellSize, cellSize);
            //star.end(CLOSE);
            //shape(star);
           
           
           
            popMatrix();
              
          }
        }
      }
    }
    public void audioInputData(AudioInput theInput) {
      myFFT.getSpectrum(myInput);
    }
    

and I want this code plays after about 10seconds:

1. import krister.Ess.*;
2. int bufferSize;
   int steps;
   float limitDiff;
   int numAverages=1;
   float myDamp=.1f;
   float maxLimit,minLimit;
3. FFT myFFT;
   AudioInput myInput;
   int audioSensibility;
    
   import processing.video.*;
4. // Size of each cell in the grid
   int cellSize = 6;
   // Number of columns and rows in our system
   int cols, rows;
   // Variable for capture device
   Capture video;
   PShape star;
5. 
   void setup() {
6.  
     smooth();
7.  
     Ess.start(this); 
       bufferSize=512;
     myInput=new AudioInput(bufferSize);
8.   // set up our FFT
     myFFT=new FFT(bufferSize*2);
     myFFT.equalizer(true);
9.   // set up our FFT normalization/dampening
     minLimit=.049;
     maxLimit=.05;
     myFFT.limits(minLimit,maxLimit);
     myFFT.damp(myDamp);
     myFFT.averages(numAverages);
10.   // get the number of bins per average
      steps=bufferSize/numAverages;
11.   // get the distance of travel between minimum and maximum limits
      limitDiff=maxLimit-minLimit;
        myInput.start();
       audioSensibility = 500;
     
      size(1920,900, P3D);
      // Set up columns and rows
      cols = width/2 / cellSize;
      rows = height/2 / cellSize;
      colorMode(RGB, 255, 255, 255, 70);
      ellipseMode(CENTER);
12.   // Uses the default video input, see the reference if this causes an error
      video = new Capture(this, 640, 480);
      video.start();
     // frameRate(45);
13.   filter(BLUR,15);
    }
14. 
    void draw() {
     
15. 
      float percent=max(0,(myFFT.max-minLimit)/limitDiff);
     
     // rect(600,11,50,(int)(198*percent));
16.   if (video.available()) {
        video.read();
        video.loadPixels();
       
        background(0,0,0);
       //filter(BLUR,10);
        // Begin loop for columns
        for (int i = 0; i < cols;i++) {
          // Begin loop for rows
          for (int j = 0; j < rows;j++) {
17.         // Where are we, pixel-wise?
            int x = i*cellSize + cellSize/2;
            int y = j*cellSize + cellSize/2;
            int loc = (video.width - x - 1) + y*video.width; // Reversing x to mirror the image
           
            // Each rect is colored white with a size determined by brightness
            color c = video.pixels[loc];
            float sz = ((percent)*1000/ float(width)) * brightness(video.pixels[loc]) + 20.0;
            pushMatrix();
           translate(x , y , sz);
          
           println("percent : "+percent);
          //translate(x , y , sz+20);
            fill(c);
            ;
            noStroke();
        
           
            //ellipse(0, 0, cellSize , cellSize);
            ellipse(x + cellSize/2, y + cellSize/2,sz*brightness(c)/255, sz*brightness(c)/255);
            //rect(x + cellSize/2, y + cellSize/2,sz*brightness(c)/255, sz*brightness(c)/255);
            //star = createShape();
            //star.vertex(0, -16,cellSize, cellSize);
           //star.vertex(4, -7,cellSize, cellSize);
            //star.vertex(11, -5,cellSize, cellSize);
            //star.vertex(5, 2,cellSize, cellSize);
            //star.vertex(7, 10,cellSize, cellSize);
            //star.vertex(0, 6,cellSize, cellSize);
            //star.vertex(-7, 10,cellSize, cellSize);
            //star.vertex(-5, 2,cellSize, cellSize);
            //star.vertex(-11, -5,cellSize, cellSize);
            //star.vertex(-4, -7,cellSize, cellSize);
            //star.end(CLOSE);
            //shape(star);
           
           
           
            popMatrix();
              
          }
        }
      }
    }
    public void audioInputData(AudioInput theInput) {
      myFFT.getSpectrum(myInput);
    }
    

Please help me, Thank you.

Hello,

I am a processing starter.

I am having trouble with making people's face that appear on Webcam to Lichtenstein's style face (pointillize).

I have used the mirror2 example from the processing examples and just changed the rectangle to a ellipse.

 

 

I want the codation to change the color automatically but I don't know how to do it.

Can you please help me to solve this problem?

Thank you very much.

Hi, Processing genius!

I am a processing beginner,

I am having trouble with making people's face that appear on Webcam to Lichtenstein's style face (pointillize).

Can you please help me to solve this problem?

Thank you very much.

I have used the mirror2 code (in video->capture)

and I want these dots(ellipses) to change color by using the pitch of the voice, also

if the volume of the voice is very big then, the dots will become bigger too, and the other way around

(if the voice pitch is high the dots' color becomes bright colors, and if the voice pitch is low, dark colors)

It is possible to make this code?

Please help me.

 

 

Mirror2 code

 

/**
 * Mirror 2
 * by Daniel Shiffman.
 *
 * Each pixel from the video source is drawn as a rectangle with size based on brightness. 
 */
 
import processing.video.*;

// Size of each cell in the grid
int cellSize = 10;
// Number of columns and rows in our system
int cols, rows;
// Variable for capture device
Capture video;

void setup() {
  size(640, 480, P2D);
  // Set up columns and rows
  cols = width / cellSize;
  rows = height / cellSize;
  colorMode(RGB, 255, 255, 255, 100);
  ellipseMode(CENTER);

  // Uses the default video input, see the reference if this causes an error
  video = new Capture(this, width, height);
  video.start();

  background(0);
}

void draw() {
  if (video.available()) {
    video.read();
    video.loadPixels();
   
    background(0, 0, 255);

    // Begin loop for columns
    for (int i = 0; i < cols;i++) {
      // Begin loop for rows
      for (int j = 0; j < rows;j++) {

        // Where are we, pixel-wise?
        int x = i * cellSize;
        int y = j * cellSize;
        int loc = (video.width - x - 1) + y*video.width; // Reversing x to mirror the image

        // Each rect is colored white with a size determined by brightness
        color c = video.pixels[loc];
        float sz = (brightness(c) / 255.0) * cellSize;
        fill(255);
        noStroke();
        ellipse(x + cellSize/2, y + cellSize/2, sz, sz);
      }
    }
  }
}