anyone know why the audio breaks up when equalised beyond a certain point ( i think its also worse with low frequencies). 

http://www.openprocessing.org/sketch/56341

thanks ,

josh

Hi,

Having real difficulties with this- i would like to map the left right movement of the ellipse to the top knob in the control window. Have hit a dead end...any help much apprecitated.

2. import beads.*;
3. import controlP5.*;
4. import processing.opengl.*;
5. 
   
6. ControlP5 cp5;
7. 
   
8. Glide gainGlide;
9. 
   
10. AudioContext ac;
11. float x;
12. float y;
13. float d;
14. float dx;
15. float dy;
16. 
    
17. String sourceFile; 
18. SamplePlayer sp; 
19. 
    
20. Gain g;
21. Glide gainValue;
22. 
    
23. Reverb r; 
24. 
    
25. Button buttons;
26. float rad=50;
27. 
    
28. Panner p;
29. boolean dragging = false;
30. 
    
31. void setup()
32. {
33.   size(800, 600);
34.   smooth();
35.   buttons= new Button(width/2, height/2);
36. 
    
37.   ac = new AudioContext(); // create our AudioContext
38. 
    
39.     sourceFile = sketchPath("") + "Drum_Loop_01.wav";
40. 
    
41.   try {  
42.     sp = new SamplePlayer(ac, new Sample(sourceFile));
43.   }
44.   catch(Exception e)
45.   {
46.     println("Exception while attempting to load sample!");
47.     e.printStackTrace(); 
48.     exit();
49.   }
50. 
    
51.   sp.setKillOnEnd(false);
52. 
    
53.   gainValue = new Glide(ac, 0.0, 20);
54.   g = new Gain(ac, 1, gainValue);
55.   g.addInput(sp); 
56. 
    
57.   r = new Reverb(ac, 1); 
58.   r.setSize(0.7); 
59.   r.setDamping(0.5); 
60.   r.addInput(g); 
61. 
    
62.   p = new Panner(ac);
63.   p.addInput(g); 
64.   p.addInput(r);
65.   ac.out.addInput(p);
66.   ac.start(); 
67. 
    
68.   gainGlide = new Glide(ac, 0.0, 50);
69. 
    
70.   g = new Gain(ac, 1, gainGlide);
71. 
    
72.   x = width/2;
73.   y = height/2;
74. 
    
75.   background(0); 
76. 
    
77.   cp5 = new ControlP5(this); 
78.   ControlWindow cw = cp5.addControlWindow("controlP5window", 208, 396, 800, 250, 30);
79.   Knob k = cp5.addKnob("rad", 0, width, 40, 90, 30);
80.   k.setWindow(cw);
81. 
    
82.   Knob k1 = cp5.addKnob("pan", 0, width, 40, 50, 30);
83.   k1.setWindow(cw);
84. }
85. 
    
86. 
    
87. void draw() {
88.   background(10);
89.   dx=mouseX-width/2;
90.   dy=mouseY-height/2;
91.   float d = dist(0, 0, dx, dy);
92.   rad=constrain (rad, 0, 120);
93. 
    
94.   gainGlide.setValue(mouseX / (float)width);
95. 
    
96.   fill(0, 0, 255, 150);
97.   noStroke();
98.   ellipse(x, y, 50, 50);
99.   buttons.display();
100.   //buttons.resize();
101.   if (mousePressed) {
102.     if (dist(mouseX, mouseY, x, y) > 25) {
103.       if (!dragging) rad=d*2;
104.     } 
105.     else {
106.       dragging = true;
107.     }
108.   }
109. 
     
110.   float roomSize = map(rad, 50, 200, 0, 1);
111.   r.setSize(roomSize );
112.   rad=constrain (rad, 50, 120);
113. 
     
114.   if (!mousePressed) dragging = false;
115.   if (dragging) {
116.     if (mouseX > 0 && mouseX < width-1) {
117.       x = mouseX;
118.       buttons.x = mouseX;
119.       p.setPos(map(mouseX, 0, width-1, -1, 1));
120.     }
121.   }
122. }
123. 
     
124. void keyPressed() {
125. 
     
126.   if (key==' ') {
127.     gainValue.setValue(1); 
128.     sp.setToLoopStart(); 
129.     sp.start();
130.   }
131. }
132. class Button {
133.   float x, y;
134.   float h, s, b;
135.   float transparency;
136. 
     
137.   Button(float _cx, float _cy) {
138.     x = _cx;
139.     y = _cy;
140.     h=150;
141.     s=10;
142.     b=100;
143.     transparency=20;
144.   }
145. 
     
146.   void display() {
147.     stroke(0.5);
148.     fill(255, 0, 55, transparency);
149.     stroke(50, 0, 255, 50);
150.     strokeWeight(2);
151.     ellipse (x, y, rad, rad);
152.   }
153. }
154. 
     

Am trying to control the gain from the slider rather than mouse position. Have had a go at this, but am at dead end- any help please?

Josh

2. // Hello_Glide_01.pde
3. 
   
4. // import the beads library (you must have installed it properly. as of this writing, it is not included with Processing)
5. import beads.*;
6. import controlP5.*;
7. import processing.opengl.*;
8. 
   
9. ControlP5 cp5;
10. 
    
11. 
    
12. // create our AudioContext, which will oversee audio input/output
13. AudioContext ac;
14. 
    
15. // declare our unit generators (Beads) since we will need to access them throughout the program
16. WavePlayer wp;
17. Gain g;
18. Glide gainGlide;
19. 
    
20. void setup()
21. {
22.   size(400, 300);
23. 
    
24.   // initialize our AudioContext
25.   ac = new AudioContext();
26.   
27.   // create a WavePlayer
28.   wp = new WavePlayer(ac, 440, Buffer.SINE);
29.   
30.   // create the Glide object
31.   // Glide objects move smoothly from one value to another
32.   // 0.0 is the initial value contained by the Glide
33.   // it will take 50ms for it to transition to a new value
34.   gainGlide = new Glide(ac, 0.0, 50);
35.   
36.   // create a Gain object
37.   // this time, we will attach the gain amount to the glide object created above
38.   g = new Gain(ac, 1, gainGlide);
39. 
    
40.   // connect the WavePlayer output to the Gain input
41.   g.addInput(wp);
42.   
43.   // connect the Gain output to the AudioContext
44.   ac.out.addInput(g);
45.   
46.   // start audio processing
47.   ac.start();
48.   
49.   cp5 = new ControlP5(this); 
50.   ControlWindow cw = cp5.addControlWindow("controlP5window", 208, 396, 800, 250, 30);
51.   Slider s = cp5.addSlider("gain",0,200,128,20,100,10,100);
52.     s.setWindow(cw);
53.   
54.   background(0); // set the background to black
55.   text("Move the mouse to control the sine gain.", 100, 100); // tell the user what to do!
56. }
57. 
    
58. void draw()
59. {
60.   // in the draw routine, we will update our gain
61.   // since this routine is called repeatedly, this will continuously change the volume of the sine wave
62.   // based on the position of the mouse cursor within the Processing window
63.   gainGlide.setValue(mouseX / (float)width);
64.     //gainGlide.setValue(Slider s);
65. 
    
66. }

am having difficulties using panning in beads. I would like to be able to move the ellipse left/ right to change the pan position of the sound. Can anyone help me with this?

2. import beads.*;
3. 
   
4. AudioContext ac;
5. float x;
6. float y;
7. float d;
8. float dx;
9. float dy;
10. 
    
11. String sourceFile; // this will hold the path to our audio file
12. SamplePlayer sp; // the SamplePlayer class will be used to play the audio file
13. 
    
14. // standard gain objects
15. Gain g;
16. Glide gainValue;
17. 
    
18. Reverb r; // our Reverberation unit generator
19. 
    
20. Button buttons;
21. float rad=50;
22. 
    
23. void setup()
24. {
25.   size(800, 600);
26.   smooth();
27.   buttons= new Button(width/2, height/2);
28. 
    
29. 
    
30. 
    
31.   ac = new AudioContext(); // create our AudioContext
32. 
    
33.     sourceFile = sketchPath("") + "Drum_Loop_01.wav";
34. 
    
35.   // Try/Catch blocks will inform us if the file can't be found
36.   try {  
37.     // initialize our SamplePlayer, loading the file indicated by the sourceFile string
38.     sp = new SamplePlayer(ac, new Sample(sourceFile));
39.   }
40.   catch(Exception e)
41.   {
42.     // if there is an error, show an error message (at the bottom of the processing window)
43.     println("Exception while attempting to load sample!");
44.     e.printStackTrace(); // then print a technical description of the error
45.     exit(); // and exit the program
46.   }
47. 
    
48.   // we would like to play the sample multiple times, so we set KillOnEnd to false
49.   sp.setKillOnEnd(false);
50. 
    
51.   // as usual, we create a gain that will control the volume of our sample player
52.   gainValue = new Glide(ac, 0.0, 20);
53.   g = new Gain(ac, 1, gainValue);
54.   g.addInput(sp); // connect the filter to the gain
55. 
    
56.   r = new Reverb(ac, 1); // create a new reverb with a single output channel
57.   r.setSize(0.7); // set the room size (between 0 and 1) 0.5 is the default
58.   r.setDamping(0.5); // set the damping (between 0 and 1) - the higher the dampening, the fewer resonant high frequencies
59.   // You can also control a Reverb's early reflections and late reverb
60.   // to do so, use r.setEarlyReflectionsLevel(0-1); or r.setLateReverbLevel(0-1);
61.   r.addInput(g); // connect the gain to the reverb
62. 
    
63. 
    
64.   ac.out.addInput(r); // connect the Reverb to the AudioContext
65. 
    
66.   // remember, the reverb unit only outputs a reverberated signal
67.   // so if we want to hear the dry drums as well, then we will also need to connect
68.   // the SamplePlayer to the output
69.   ac.out.addInput(g); // connect the sp gain to the output
70. 
    
71.   ac.start(); // begin audio processing
72.   // sp.start();
73. 
    
74.   background(0); // draw a black background
75.   text("Click to hear a Reverb object in action.", 50, 50); // tell the user what to do
76. }
77. 
    
78. // although we're not drawing to the screen, we need to have a draw function
79. // in order to wait for mousePressed events
80. void draw() {
81.   background(10);
82.   dx=mouseX-width/2;
83.   dy=mouseY-height/2;
84.   float d = dist(0, 0, dx, dy);
85. 
    
86.   fill(0, 0, 255, 150);
87.   noStroke();
88.   ellipse(width/2, height/2, 50, 50);
89.   buttons.display();
90.   //buttons.resize();
91.   if (mousePressed&&keyPressed) {
92.     rad=d*2;
93.   }
94. 
    
95.   //if (key == '2') { rad *= 1.0; }
96.   // if (key == '1') { rad *= 0.9; }
97.   //rad=constrain (rad,50,200);
98. 
    
99.   float roomSize = map(rad, 50, 200, 0, 1);
100.   r.setSize(roomSize );
101.   rad=constrain (rad, 50, 200);
102. }
103. 
     
104. // this routine is called whenever a mouse button is pressed on the Processing sketch
105. void keyPressed() {
106. 
     
107.   if (key==' ') {
108.     gainValue.setValue(1); // set the gain based on mouse position
109.     sp.setToLoopStart(); // move the playback pointer to the first loop point (0.0)
110.     sp.start(); // play the audio file
111.   }
112. }
113. class Button {
114.   float x, y;
115.   //float rad;
116.   float h, s, b;
117.   float transparency;
118. 
     
119.   Button(float _cx, float _cy) {
120.     x = _cx;
121.     y = _cy;
122.     // rad = _radius;
123.     h=100;
124.     s=100;
125.     b=100;
126.     transparency=20;
127.     //stroke(2);
128.   }
129. 
     
130.   void display() {
131.     stroke(0.5);
132.     fill(0, 0, 255, transparency);
133.     stroke(50, 0, 255, 50);
134.     strokeWeight(2);
135.     ellipse (x, y, rad, rad);
136.   }
137. }

I have coded this so that pressing 'r' and dragging ellipse circumference increases the radius. I want to be able to control this using the knob in the control window instead.. can anyone help me with this?

2. float x;
3. float y;
4. float d;
5. float dx;
6. float dy;
7. 
   
8. import controlP5.*;
9. import processing.opengl.*;
10. 
    
11. 
    
12. ControlP5 cp5;
13. 
    
14. 
    
15. Button buttons;
16. float rad=50;
17. 
    
18. void setup()
19. {
20.   size(800, 600);
21.   smooth();
22.   buttons= new Button(width/2, height/2);
23. 
    
24.   background(0); // draw a black background
25.   cp5 = new ControlP5(this); 
26.   ControlWindow cw = cp5.addControlWindow("controlP5window", 208, 396, 800, 250, 30);
27.   Knob k = cp5.addKnob("dial", 0, width, 40, 90, 30);
28.   k.setWindow(cw);
29. }
30. 
    
31. 
    
32. void draw() {
33.   background(10);
34.   dx=mouseX-width/2;
35.   //dx=dial;
36.   dy=mouseY-height/2;
37.   float d = dist(0, 0, dx, dy);
38. 
    
39.   fill(0, 0, 255, 150);
40.   noStroke();
41.   ellipse(width/2, height/2, 50, 50);
42.   buttons.display();
43.   if (mousePressed&&keyPressed) {
44.     rad=d*2;
45.   }
46. 
    
47.   rad=constrain (rad, 50, 120);
48. }
49. 
    
50. 
    
51. class Button {
52.   float x, y;
53.   float h, s, b;
54.   float transparency;
55. 
    
56.   Button(float _cx, float _cy) {
57.     x = _cx;
58.     y = _cy;
59.     h=100;
60.     s=100;
61.     b=100;
62.     transparency=20;
63.   }
64. 
    
65.   void display() {
66.     stroke(0.5);
67.     fill(0, 0, 255, transparency);
68.     stroke(50, 0, 255, 50);
69.     strokeWeight(2);
70.     ellipse (x, y, rad, rad);
71.   }
72. }
73. 
    
74.