Hi,  can anyone provide pointers on how to read rather than play an audio file with Minim (assuming Minim is the most appropriate library - is it?). Specifically I would like to read data points (like using myMP3.left.get(i) or myMP3.left.level(i) functions) at specific time intervals (say every 1000 milliseconds) over the course of the song. For example, a 2 minute long song would result in an array of 120 float "samples" each 1 second apart in time.   Ideas?


Best Regards, Jim

In the past when using PGraphics I have always used JAVA2D. I am now using Processing 2 and decided to give P2D a try but encountered a problem. I created the following code as a simple test to explain the problem.
If you take the following program and run it:..

1. PGraphics png;
2. String outDir="C:/a_PDE_Output/";
3. String filenam;
4. float x,y;
5. int limitF=100;
6. void setup() {
7.   //size(100,100,P2D);
8.   png = createGraphics(1024, 768, JAVA2D);
9.   png.beginDraw();
10.   png.background(255,210,210);
11. }
12.  
13. void draw() {
14.   x = random(png.width-1);
15.   y = random(png.height-1);
16.   png.fill(random(255),random(255),random(255));
17.   png.ellipse(x,y,10,10);
18.   if(frameCount >= limitF) drawEnd();
19. }
20. void drawEnd() {
21.  bldFname();
22.  png.endDraw();
23.  png.save(filenam);
24.  println("Saved "+filenam);
25.  exit();
26. }  
27. void bldFname() {
28.   String pr = "testing";
29.   String sx = ".png";
30.   filenam=outDir+pr+sx;
31. }

It will work as expected. Ellipses are drawn to the PGraphics object and then the output is saved to the file.

Now change JAVA2D to P2D on the createGraphics() statement.
Note that the program will not run as OpenGL needs the size() statement in order to execute.

So uncomment the size() statement and run the program. The program will run BUT...
while the background statement does execute and create the requested background color, none of the ellipses are written to the PGraphics object.  Can someone else give this a try and confirm my findings.

Best Regards, Jim

Ok here's one that for the life of me I can't figure out. Take the following code:

1. String inputFile="someImageBiggerThanTheScreen.jpg";   
2. PImage img;
3. int x, y;
4. color clr;
5. float r,g,b;
6. void setup() {
7.   img = loadImage(inputFile);
8.   size(1200,800);
9.   stroke(255); // just to prove that an ellipse is actually being drawn
   
10. }
11.  
12. void draw() { 
13.   if(frameCount==1) {
14.     image(img, 0, 0,width,height);  // puts the image on screen - works
    
15.     loadPixels();  // loads the pixel array - appears to work
    
16.     }
17.     x = int(random(width-1));  // grab a random x
    
18.     y = int(random(height-1));  // grab a random y
    
19.     int i = int(x + (y*width));   // get the pixel array location
    
20.     clr = pixels[i];  // pixel is supposed to have a color datatype so put it in the color variable clr
    
21.     r=red(clr); g=green(clr); b=blue(clr);  // just for grins, grab the r,g,b components
    
22.     //println(x+","+y+" --> "+r +","+g+","+b);
23.     //fill(clr);
24.     fill(r,g,b);
25.     ellipse(x,y,70,70);
26.  }

So in the above code, everything works fine using the fill statement on line 24.
BUT - if I comment out the fill on 24 and uncomment the fill on 23, the ellipses drawn become invisible. I confirmed that they were actually drawing by putting the stroke(255) into setup(). Obviously clr has valid color data because the r,g,b variables are correctly populated with the appropriate values.
So what am I missing? Why does fill(clr) result in the creation of invisible ellipses?
Best Regards, Jim

Here is a curiosity I encountered with Processing 2 - did not test this with Processing 1.5. Take the following code and run it:

1. void setup() {
2.   size(900,600,P3D);
3.   smooth();
4.   noFill();
5.   background(0);
6.   strokeWeight(3);
7. }
8. void draw() {
9.   for (int n = 0; n<273; n++ ) {
10.       int r =  (int)random(255);
11.       stroke(r);
12.       pushMatrix();
13.         translate(random(300,600),random(200,500));
14.         box(50,40,25); 
15.       popMatrix();      
16.     }
17. }

You will find that it works fine.  Now change the n<273 to n<274 (or some larger number) and run the program.
On my system I get the following warning/error message:

Stroke path is too long, some bevel triangles won't be added

Clearly something is going on.But the really curious thing is this. If I set the strokeWeight to 1, no matter how long/large the loop becomes, I never see the Stroke path message. It only occurs if the stroke weight is a value larger than 1 .

Any ideas as to why this behavior?


Best Regards, Jim

Hi, if you take a look at the following screen shot: you will note that the spheres rendered at the center of the image are round while the spheres rendered at the edges are distorted.

My question is this: is there a way to get all the spheres to appear perfectly round?  The only method that I know of is to change the camera's Z location (moving away from the objects). However this results in the spheres being rendered at a much smaller size and reducing the usable screen area to a fraction of the actual screen size. 

I'd like to keep the size but lose the distortion.  Any tips as to tricks would be greatly appreciated.

Best Regards, Jim

Okay I wrote a sketch that plays music and paints lines. The program starts and stops when the user presses the space bar. Works fine.

It took some doing but I was also able to get the program working in Processing.js mode - with getting the audio to play being the challenge. But I got it working and it works fine in the browsers I tested it in (Firefox 21 and Internet Explorer 9).

It then occurred to me to see if it worked in Chrome but the only place I have Chrome installed is on my Android tablet. And that's when it hit me - there is NO KEYBOARD available.

Given that more and more folks are going to be converting their Processing projects to Processing.js in order to run them on the web, and given that more and more people are using tablets to surf, does this render all web-based Processing sketches that require keyboard input useless? 

Note that I am posting this to the Processing.js Google group. If an answer is provided there, I will repost it here.

Best Regards, Jim

I've tried with 32 bit and 64 bit Processing - in multiple locations, with/without admin authority.   The "Add Mode" tool fails 100% of the time on everything: Android, Javascript, Coffeescript.  

Manually adding the Android files to the /modes directory (which /modes? - doesn't matter as I've tried adding to both) doesn't work because when Processing is started, it doesn't recognize that the mode was added (Is there something that needs to be manually added to the preferences.txt file?). 

So is there someone somewhere who can give me precise directions on how to get Processing/Android installed and working on a Windows 7 PC?

Best Regards, Jim

Ok I have not yet migrated to version 2 but for those of us still on an earlier version, I was playing around with the unbinary() function ( http://processing.org/reference/unbinary_.html ) and noticed that - unlike the binary() function,  unbinary() only seems to work with positive numbers.

To see what I mean, take the following code and run it.  It will die (though the binary() command works just fine if you comment out lines 4 and 5. Make the number in line 1 positive and the program works just fine. 


Best Regards, Jim

Hi,
I had a rather complex Processing program and thought it would be nice to output to a PDF in addition to the screen. Unfortunately it blows up with a "missing a PopMatrix() error" 

So I created the following very simple program that preserves the core characteristics of my real program in order to see what would happen:

1. import processing.pdf.*;
2. float offsetX,offsetY; 
3. boolean wipe=true;  
4. void setup(){
5.   size(1200,800);
6.   offsetX=width/2;
7.   offsetY=height/2;
8.   beginRecord(PDF, "testingpdf.pdf");
9.   noLoop();
10.  }
11. void draw(){
12.  drawit();
13.  noLoop();
14. }
15.  
16.  
17. void drawit() {
18.   float x,y;
19.   rectMode(CENTER);
20.   translate(offsetX,offsetY);
21.   for(int n=0; n < 50; n++) {
22.      fill(random(0,255),random(0,255),random(0,255));
23.      x = random(0,width);
24.      y = random(0,height);
25.      pushMatrix();
26.        translate(x,y);
27.        rotate(radians(random(0,TWO_PI)));
28.        rect(0,0,random(20,100),random(20,100));
29.      popMatrix();
30.   } 
31. }
32. void mousePressed() {
33.   offsetX=mouseX;
34.   offsetY=mouseY;
35.   if(wipe) background(255);
36.   loop();
37. }
38. void keyPressed() {
39.   if(key=='x' || key=='X') {
40.    // output file
41.    endRecord();
42.    println("Quit and Saved ");
43.    exit();
44. }
45. }

The program works fine until I add the begin and end record statements for the PDF. When I press 'x' to save, I get this error:

Exception in thread "AWT-EventQueue-0" java.lang.RuntimeException: missing a popMatrix() to go with that pushMatrix()

Taking another charge at it, I modified the program as follows:

1. import processing.pdf.*;
2. float offsetX,offsetY; 
3. boolean wipe=true;  
4. void setup(){
5.   size(1200,800);
6.   offsetX=width/2;
7.   offsetY=height/2;
8.   beginRecord(PDF, "testingpdf.pdf");
9.  }
10. void draw(){ }
11. void drawit() {
12.   float x,y;
13.   rectMode(CENTER);
14.   translate(offsetX,offsetY);
15.   for(int n=0; n < 50; n++) {
16.      fill(random(0,255),random(0,255),random(0,255));
17.      x = random(0,width);
18.      y = random(0,height);
19.      pushMatrix();
20.        translate(x,y);
21.        rotate(radians(random(0,TWO_PI)));
22.        rect(0,0,random(20,100),random(20,100));
23.      popMatrix();
24.   } 
25. }
26. void mousePressed() {
27.   offsetX=mouseX;
28.   offsetY=mouseY;
29.   if(wipe) background(255);
30.   drawit();
31. }
32. void keyPressed() {
33.   if(key=='x' || key=='X') {
34.    // output file
35.    endRecord();
36.    println("Quit and Saved ");
37.    exit();
38. }
39. }

The popMatrix error message goes away but is replaced with the following message:
isRecording(), or this particular variation of it, is not available with this renderer.

Note that these errors do not occur if I write to the PDF file using  size(w, h, PDF, "filename");
instead of the begin and end record statements.

Unfortunately this method means no screen output and I really do need to be able to see what I'm doing before deciding whether or not to create the PDF.

Any suggestions would be appreciated. Thanks


Best Regards, Jim

Hi,  I'm experiencing an unusual problem with PImage. That is I am repeatedly using get, set, and copy to copy from a source PImage to a destination PImage. The problem is that after each get/set/copy series of operations the image becomes progressively darker. This happens on 2 different systems running Processing 1.5.1 under Windows 7 64bit so I know it is not machine dependent.

In the image below, the left side is the original image and the right side is what it looks like after 160 copies. :


The code that follows is part of a much larger program in which I discovered the problem. Cutting out all the other code, I was able to isolate the source of the darkening to the code that appears below.  Based on my understanding of get/set/copy, I am at a complete loss to explain why successive copy operations should cause the image being processed to darken. 

Any suggestions as to how to overcome this will be greatly appreciated.  Thanks.

1. int maxFrames=160;  // number of times to copy
2. String inputFile="C:/a_PDE_Input/Mona_Lisa_smalllight.jpg";
3. String filenam="C:/a_PDE_Output/Mona_Lisa_smalllight_output.jpg";
4. PImage img, imgtmp;
5. color c;
6. int px;
7. float cx,cy, mx,my;
8. boolean looping=true;
9. float h,w;
10. void setup(){
11.  img = loadImage(inputFile);     
12.  imgtmp = loadImage(inputFile);    
13.  img.loadPixels();
14.  px = img.pixels.length;              
15.  mx = img.width/2;
16.  my = img.height/2;
17.  h = img.height;
18.  w = img.width;
19.  noLoop();
20.  cx = mx; cy=mx;
21.  for(int i=1; i < maxFrames; i++)  {
22.    if(i%30 == 0) print("*");
23.    copyit();
24.  }
25.  img.save(filenam);
26.  println("  -> Saved "+filenam);
27. }
28. void draw() {}
29. void copyit() { 
30.   int i,j;
31.   for (j=1; j < h-1; j++) {
32.     for (i=1; i < w-1; i++) {
33.           c = img.get(int(i),int(j));
    
34.           imgtmp.set(int(i), int(j), c);
    
35.         }
36.       }
37.   img.copy(imgtmp, 0,0, img.width, img.height, 0,0, img.width, img.height);
38. }

Hi, I just installed the proSVG library found here: http://sites.google.com/site/kdlprosvg/Home
in order to output SVG files.
The date associated with this library is Oct. 2008.

Trying to run either of the two example programs provided I get a null pointer exception. Following is the complete error message:
Exception in thread "Animation Thread" java.lang.NullPointerException
    at processing.core.PGraphicsJava2D.loadPixels(Unknown Source)
    at prosvg.SVGKdl.save(SVGKdl.java:88)
    at processing.core.PApplet.saveFrame(Unknown Source)
    at testsvtTEMP.draw(testsvtTEMP.java:46)
    at processing.core.PApplet.handleDraw(Unknown Source)
    at processing.core.PApplet.run(Unknown Source)
    at java.lang.Thread.run(Thread.java:662)

Has anyone else had success using this library with Processing 1.5.1?


Best Regards, Jim

Hi, anyone know how to do this on Windows 7?

1 - I create a Processing sketch and do  save as "AAA"  Processing creates a subdirectory AAA and inside that creates AAA.pde

2 - I make some changes and save again but then I also create a copy by doing a save as  "AAAcopy" thus creating a new subdirectory and new pde(s).

3 - Later I restart processing, I open and edit AAA. I save AAA but no matter what I do, I can not get processing to do a save as to AAAcopy.  I think this is probably a bug in Processing because when I do an initial save the directory in which the sketch is placed does not exist and save creates the directory and the pde files. However if that directory does exist, Processing opens the directory when "Save" is clicked instead of saving. Clicking save again results in Processing creating a new sub-subdirectory in which the sketch is saved. 

This is really annoying.  Is this a known behavior/bug that I am just not aware of?  Or is there some way to get Processing to save AAA  as AAAcopy when AAAcopy already exists?

Best Regards, Jim

FYI, I added the tutorial  Recursion and Algorithmic Art Using Processing to my web site. This is an expansion of a tutorial I wrote for CMD Journal earlier this year. The url for the tutorial is: www.artsnova.com/Processing_Recursion_Tutorial.html

Best Regards, Jim

FYI, I'm running Processing 1.51 on W7 64bit.

The following code works perfectly.

1. void setup() {
   size(1100,800);
   background(255);
   // smooth();
   noLoop();
   }
   void draw() {
   for (int x = 0; x < width; x+=4) {
      for (int y = height; y > 0; y-=6) {
       line(0,0, x,y);
      }
    }
   }
   
   

Uncomment the smooth() statement and the program stops working -- no error message, no drawing.  Running the program in static mode (no setup() or draw()) results in no canvas window either.

I don't know if this is peculiar to my system or my environment at the moment (I have had sketches go from failing to working just by rebooting)  I do note that the Processing doc does indicate some problems with the smooth statement so perhaps this is a manifestation of another problem.

Best Regards, Jim

FYI, I'm assuming that this is standard behavior - keyPressed() only works if the draw() function is present.

For example, the following works, but remove draw() and keyPressed() dies.

1. int value = 0;
2. void draw(){}
3. void drawit() {
4.   fill(value);
5.   rect(25, 25, 50, 50);
6. }
7. void keyPressed() {
8.   if (value == 0) {
9.     value = 255;
10.   } else {
11.     value = 0;
12.   }
13.   drawit();
14. }

So how do I get keyPressed() functionality when draw() is not present?

Best Regards, Jim

Hi folks,

I was just wondering if anyone has encountered the following behavior with PDF.  Given a fixed set of drawing instructions:

When using the following code to create the PDF:

setup()
      size(x,y, PDF, "filename");
......

draw()
.... do a bunch of stuff
if(alldone) exit();

everything works. In fact this is the way I've always created PDFs in the past

Today I decided to try out the following code for creating PDFs:

setup()
      size(x,y);
......
      beginRecord(PDF, "Lines.pdf");
}

draw()
.... do a bunch of stuff
if(alldone) { endRecord(); exit()}


while the PDF is still created, it is missing a lot of the lines that were drawn.



In the above image, the sketch on the right is the PDF that was created by the first code example. The sketch on the left is the PDF created by the second code example.

Note that the nice thing about the beginRecord()/endRecord() method (the 2nd example) is that you can watch the progress of the sketch on your screen.

Note that I'm using Processing 1.2.1 on Windows XP.

Thanks in advance, Jim

Hi, It's been quite some time since I've visited the forum here and boy have things changed.

I have three questions about Minim.

Question 1: Given the following statement
  player = minim.loadFile(audioFile, bufferSize);

and assuming that bufferSize is 1024, this means that I have created an "array" of 1024 elements.

Now inside of draw() I have the following, for example:

  for(int i = 0;  i < player.bufferSize();  i++)  {
    float value = player.left.get(i);
    // some code to draw something
    }

So at the end of the for loop I have read through the entire buffer and hit the last line of code in draw() - at which point draw(0 executes again. My question is what is the trigger that causes the player buffer to be loaded with the next 1024 bytes of audio data? Is the buffer automatically reloaded when the end of the draw() function is encountered correct? If so, what happens if I don't have a draw() function (drawing offline as opposed to drawing to the screen)?

 
Question 2: How do I find out the number of bytes of data in the audio file (ie how many total "array" elements...)? All the lengths that I've found in the Minim doc relate to time (milliseconds).

Question 3: What is the best way to synchronize the end of the audio file with halting the drawing?  I set the player to loop 1 time and then used the following as the last line of draw():
      if ( !player.isPlaying() ) savepic();

Is there a better way?

Thanks.