How can I combine these two codes and make switch each other after 10 seconds?

Programming Questions

noonjaka

How can I combine these two codes and make switch each other after 10 seconds?

in Programming Questions • 4 months ago

the first code:

import krister.Ess.*;
int bufferSize;
int steps;
float limitDiff;
int numAverages=1;
float myDamp=.1f;
float maxLimit,minLimit;
FFT myFFT;
AudioInput myInput;
int audioSensibility;

import processing.video.*;
// 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;
void setup() {
smooth();
Ess.start(this);
bufferSize=512;
myInput=new AudioInput(bufferSize);
// set up our FFT
myFFT=new FFT(bufferSize*2);
myFFT.equalizer(true);
// set up our FFT normalization/dampening
minLimit=.049;
maxLimit=.05;
myFFT.limits(minLimit,maxLimit);
myFFT.damp(myDamp);
myFFT.averages(numAverages);
// get the number of bins per average
steps=bufferSize/numAverages;
// 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);
// Uses the default video input, see the reference if this causes an error
video = new Capture(this, 640, 480);
video.start();
// frameRate(45);
filter(BLUR,15);
}
void draw() {
float percent=max(0,(myFFT.max-minLimit)/limitDiff);

// rect(600,11,50,(int)(198*percent));
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++) {
        // 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:

import krister.Ess.*;
int bufferSize;
int steps;
float limitDiff;
int numAverages=1;
float myDamp=.1f;
float maxLimit,minLimit;
FFT myFFT;
AudioInput myInput;
int audioSensibility;

import processing.video.*;
// 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;
void setup() {
smooth();
Ess.start(this);
bufferSize=512;
myInput=new AudioInput(bufferSize);
// set up our FFT
myFFT=new FFT(bufferSize*2);
myFFT.equalizer(true);
// set up our FFT normalization/dampening
minLimit=.049;
maxLimit=.05;
myFFT.limits(minLimit,maxLimit);
myFFT.damp(myDamp);
myFFT.averages(numAverages);
// get the number of bins per average
steps=bufferSize/numAverages;
// 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);
// Uses the default video input, see the reference if this causes an error
video = new Capture(this, 640, 480);
video.start();
// frameRate(45);
filter(BLUR,15);
}
void draw() {
float percent=max(0,(myFFT.max-minLimit)/limitDiff);

// rect(600,11,50,(int)(198*percent));
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++) {
        // 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.

Replies(13)

tfguy44

Re: How can I combine these two codes and make switch each other after 10 seconds?

4 months ago

In general, a program takes the following form:

// Global variables.
void setup(){
size( <WIDTH>, <HEIGHT> );
// Body of setup.
}
void draw(){
// Body of draw.
}
// Other functions, mousePressed() used as an example:
void mousePressed(){
// Body of function.
}

To combine two programs, you can simply do the following:

// Global variables from first sketch.
// Global variables from second sketch
boolean firstSketch=true; // Add a boolean to track the state.
int switchTimer=0; // Add a counter to track the swapping time.
void setup(){
size( <WIDTH>, <HEIGHT> );
setup1();
setup2();
switchTimer=millis()+10000;
}
void setup1(){
// Setup body from first sketch, minus the call to size().
}
void setup2(){
// Setup body from second sketch, minus the call to size().
}
void draw(){
if( firstSketch ){
// Body of draw from first sketch.
} else {
// Body of draw from second sketch.
}
if( millis() > switchTimer ){ // If it's time to swap them...
switchTimer = millis() + 10000; // Define next time to swap them.
firstSketch=!firstSketch; // Swap them.
}
}
// Other functions, mousePressed() used as an example:
void mousePressed(){
if( firstSketch ){
// Body of function from first sketch.
} else {
// Body of function from second sketch.
}
}

noonjaka

Re: Re: How can I combine these two codes and make switch each other after 10 seconds?

4 months ago

Thank you very much for your quick reply.

I have combined two codes but it gave me an error :unexpected token:public

did I do something wrong?

/**
* Mirror 2
* by Daniel Shiffman.
*
* Each pixel from the video source is drawn as a rectangle with size based on brightness.
*/
import krister.Ess.*;
int bufferSize;
int steps;
float limitDiff;
int numAverages=1;
float myDamp=.1f;
float maxLimit,minLimit;
FFT myFFT;
AudioInput myInput;
int audioSensibility;

import processing.video.*;
// 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;
boolean firstSketch=true; // Add a boolean to track the state.
int switchTimer=0; // Add a counter to track the swapping time.
void setup() {
size(1920,900, P3D);
setup1();
setup2();
switchTimer=millis()+10000;
}
void setup1(){
smooth();
Ess.start(this);
bufferSize=512;
myInput=new AudioInput(bufferSize);
// set up our FFT
myFFT=new FFT(bufferSize*2);
myFFT.equalizer(true);
// set up our FFT normalization/dampening
minLimit=.049;
maxLimit=.05;
myFFT.limits(minLimit,maxLimit);
myFFT.damp(myDamp);
myFFT.averages(numAverages);
// get the number of bins per average
steps=bufferSize/numAverages;
// 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);
// Uses the default video input, see the reference if this causes an error
video = new Capture(this, 640, 480);
video.start();
// frameRate(45);
filter(BLUR,15);
}
void setup2(){
smooth();
Ess.start(this);
bufferSize=512;
myInput=new AudioInput(bufferSize);
// set up our FFT
myFFT=new FFT(bufferSize*2);
myFFT.equalizer(true);
// set up our FFT normalization/dampening
minLimit=.049;
maxLimit=.05;
myFFT.limits(minLimit,maxLimit);
myFFT.damp(myDamp);
myFFT.averages(numAverages);
// get the number of bins per average
steps=bufferSize/numAverages;
// 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);
rectMode(CENTER);
// Uses the default video input, see the reference if this causes an error
video = new Capture(this, 640,480);
video.start();
// frameRate(45);
background(255);
filter(BLUR,10);
}
void draw() {
if(firstSketch) {
float percent=max(0,(myFFT.max-minLimit)/limitDiff);

// rect(600,11,50,(int)(198*percent));
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++) {
        // 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();
      }
    }
}
      } else {
    //}
// }
//}
//public void audioInputData(AudioInput theInput) {
//myFFT.getSpectrum(myInput);
//} else {
float percent=max(0,(myFFT.max-minLimit)/limitDiff);

// rect(600,11,50,(int)(198*percent));
if (video.available()) {
    video.read();
    video.loadPixels();

    background(200,0,180,70);
    // 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 + 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+370 , y+200, sz+350);
      //translate(x , y , sz+20);
        fill(c);
        strokeWeight(1);
        stroke(180,0,180);


        rect(0, 0, cellSize, cellSize);
        //ellipse(x + cellSize/2, y + cellSize/2,sz*brightness(c)/255, sz*brightness(c)/255);
           popMatrix();

      }
    }
}
}
public void audioInputData(AudioInput theInput) {
myFFT.getSpectrum(myInput);
}
if ( millis() > switchTimer ){ // If it's time to swap them...
    switchTimer = millis() + 10000; // Define next time to swap them.
    firstSketch=!firstSketch; // Swap them.
}
}

tfguy44

Re: How can I combine these two codes and make switch each other after 10 seconds?

4 months ago

You need to check your curly braces.

The last one should be the end of draw(), but it's not.

Also use Ctrl+t to tidy up your code so you can check your indents.

tfguy44

Re: How can I combine these two codes and make switch each other after 10 seconds?

4 months ago

Looks like it should end like this:

rect(0, 0, cellSize, cellSize);
        //ellipse(x + cellSize/2, y + cellSize/2,sz*brightness(c)/255, sz*brightness(c)/255);
           popMatrix();

      }
    }
}
//}
//public void audioInputData(AudioInput theInput) {
// myFFT.getSpectrum(myInput);
//}
if ( millis() > switchTimer ){ // If it's time to swap them...
    switchTimer = millis() + 10000; // Define next time to swap them.
    firstSketch=!firstSketch; // Swap them.
}
}
public void audioInputData(AudioInput theInput) {
myFFT.getSpectrum(myInput);
}

noonjaka

Re: Re: How can I combine these two codes and make switch each other after 10 seconds?

4 months ago

Thank you! I have one more question,

How can I make Sketchsample2 to play automatically, after someone makes loud noise on Sketchsample1?

I used println("percent : "+percent); to see the result number of the voice volume. if printIn gives specific number

as a result depends on someone's voice volume, I want Sketchsample2 starts to play.

if (result number(volume) of Sketchsample1 is 0.9, Sketchsample2 will play).

(Sorry for my english problem;;all three sentence has same meaning.)

tfguy44

Re: How can I combine these two codes and make switch each other after 10 seconds?

4 months ago

The boolean firstSketch is used to determine which one of your two sketches is currently being drawn.
If it is true, your first sketch is drawn.

If it is false, your second sketch is drawn.

Switching between the two is thus as simple as changing the value in that boolean:

void draw(){
if( firstSketch ){
// ...
if( percent > 0.9 ){
firstSketch = false;
}
} else {
// ...
if( <whatever condition your second sketch would use to determine it's time to switch back> ){
firstSketch = true;
}
}
}

You'll probably want to remove the timer code that causes the switching too.

clair

Re: How can I combine these two codes and make switch each other after 10 seconds?

1 month ago

TFGUY44 --
I really appreciate your posts here, and I have successfully applied them. HOWEVER, I do have a question.

My code runs flawlessly on my machine. BUT, when I attempt to move it to the web, using two different methods, it will not run.

I am not experienced enough to know where to look for the problem. On the web, I have other sketches running without issues.

I have tried the simple approach -- which works here (this is not the problem sketch):
http://www.borderlinegeek.com/big-data.htm

And I tried the export process from within processing itself.

Neither will work with this sketch.

Any ideas?

Here is the code:

// Life is Short: Control Technoblitz
// Clair Dunn - September 2013

// gloabals from technoblitz
// The next line is needed if running in JavaScript Mode with Processing.js
/* @pjs preload="sunrise.jpg"; */
PImage cg;
PImage pg;
int y;

// gloabals from peace and quiet
// mod of Shiffman's Sine Wave

int xspacing = 20;   // How far apart should each horizontal location be spaced
int w;              // Width of entire wave
float theta = 0.0; // Start angle at 0
float amplitude = 50.0; // Height of wave
float period = 200.0; // How many pixels before the wave repeats
float dx; // Value for incrementing X, a function of period and xspacing
float[] yvalues; // Using an array to store height values for the wave

boolean cacophony = true;

void setup() {
size(500, 500);
setupCacophony();
setupPeace();
}
void setupCacophony() {
cg = loadImage("sunrise.jpg");
frameRate(5);
}
void setupPeace() {
size(500, 500);
w = width+16;
dx = (TWO_PI / period) * xspacing;
yvalues = new float[w/xspacing];
pg = loadImage("sunrise.jpg");
frameRate(20);
}

void draw() {
if (cacophony) {
    background(cg);
    pushMatrix();
    translate(width*0.2, height*0.5);
    rotate(frameCount / 200.0);
    star(0, 0, 5, 70, 3);
    popMatrix();

    pushMatrix();
    translate(width*0.5, height*0.5);
    rotate(frameCount / 50.0);
    star(0, 0, 80, 100, 40);
    popMatrix();

    pushMatrix();
    translate(width*0.8, height*0.5);
    rotate(frameCount / -100.0);
    star(0, 0, 30, 70, 5);
    popMatrix();
}
else {
    background(pg);
    calcWave();
    renderWave();
}
}
void star(float x, float y, float radius1, float radius2, int npoints) {
float angle = TWO_PI / npoints;
float halfAngle = angle/2.0;
beginShape();
for (float a = 0; a < TWO_PI; a += angle) {
    float sx = x + cos(a) * radius2 * random(width/3);
    float sy = y + sin(a) * radius2 * random(height/5);
    vertex(sx, sy);
    sx = x + cos(a+halfAngle) * radius1;
    sy = y + sin(a+halfAngle) * radius1;
    sy = sy + 15;
    sx = sx + random(55);
    vertex(sx, sy);
    fill(random(255), random(255), random(255));
}
endShape(CLOSE);
}

void mousePressed() {
if (cacophony) {
    setupPeace();
    cacophony = false;
}
else {
    cacophony = true;
}
}

void calcWave() {
// Increment theta (try different values for 'angular velocity' here
theta += 0.01;

// For every x value, calculate a y value with sine function
float x = theta;
for (int i = 0; i < yvalues.length; i++) {
    yvalues[i] = sin(x)*amplitude;
    x+=dx;
}
}

void renderWave() {

stroke(143, 197, 252);
fill(143, 197, 252);
// A simple way to draw the wave with an ellipse at each location
for (int x = 0; x < yvalues.length; x++) {
    ellipse(x*xspacing, height/2+yvalues[x], 10, 10);
}
}

PhiLho

Re: Re: How can I combine these two codes and make switch each other after 10 seconds?

1 month ago

I cannot split this thread, but in the future, don't hijack a topic with an unrelated question (which belongs to Other Languages section, anyway). Zoho has a (primitive) private message system, if you need to ask somebody specific.

GoToLoop

Re: How can I combine these two codes and make switch each other after 10 seconds?

1 month ago

I've posted about some Java to JS pitfalls conversion here:
http://forum.processing.org/topic/passing-a-program-from-java-to-javascript

Processing 1.5.1 got only the very basic for PShape manipulation.
It's far away from what Processing 2+ offers.

clair

Re: Re: How can I combine these two codes and make switch each other after 10 seconds?

1 month ago

I'm using 2.0.2 Processing. And am going now to look at your other post.
Thanks.

FINALLY =-- here's what I did --
I initialized all int and float variables to 0 or 0.0

I got and uploaded processing.min.js.

AND, everything works now with the nice simple version Haven't got the text for the page up but you can see it firing at and just click on the image to switch back and forth.

http://www.clairdunn.com/control-technoblitz.htm

Whew -- thanks GoTo, again!

BTW, did you see how I ended up with the color stuff. I feel good about all the effort, because in the end, I got what I wanted -- just missed days of not thinking/working with art -- that's all. Minor cost!

Cheers.

GoToLoop

Re: How can I combine these two codes and make switch each other after 10 seconds?

1 month ago

Congratz Cadunn!

Dunno how you got it fixed, but I doubt it was b/c of initializing int, float w/ zero.

What I said on that post is that int & float field variables have the "privilege" to be
auto-initialized w/ zero in JS mode conversion.

A more complete list for the 9 primitive data-types default values for Processing's Java to JS:

boolean = false;
byte = null;
short = null;
char = null;
int = 0;
color = 0x00000000;
long = null;
float = 0.0;
double = null;

It means that byte, short, char, long and double needs to be initialized before use in JS mode!

B/c their conversion is flawed from Java to JS.

For boolean, int, color and float, no need to worry about. They work as expected in both Java & JS.

clair

Re: Re: How can I combine these two codes and make switch each other after 10 seconds?

1 month ago

actually I think it was using the new processing.min.js that did it.

GoToLoop

Re: How can I combine these two codes and make switch each other after 10 seconds?

1 month ago

Processing 2.0.3 is still using the very same Processing.JS version as Processing 1.5.1 -> PJ v1.4.1