Processing Forum

Screen name:
joelle_turbo
Blog:
http://joelleturbo.tumblr.com
Website:
https://vimeo.com/joelleturbo
Twitter Link:
http://www.twitter.com/joellesnaith

joelle_turbo's Profile

3 Posts

8 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Visualising Sound - Audio Responsive Generative Visuals

[7 Replies]
- 12-Jun-2013 12:47 AM
- Forum: Share your Work
Hi! I've just uploaded an edit of a bunch of sketches I made through a process of experimentation and learning.
Libraries used: Minim, Modelbuilder & Geomerative. I'll be sharing some (rather un refined & inelegant) source code over the next couple of days. Hope you like it! :D

Vimeo video: https://vimeo.com/68161863

Minim & Super Accurate Frequency or Beat Detection / Analysis

[1 Reply]
- 03-Apr-2013 02:37 AM
- Forum: Core Library Questions
Hi Guys!

Goal

I'm making audio reactive visuals. I want to isolate specific frequencies and assign different animations to them. Not sure if relevant, the music for my first project is drum n bass, but I'm interested in creating visuals using various types of beat heavy electronic music, think Autechre, Apparat, Minimal Techno etc.

Process

I looked into Beads (read the great "Sonifying Processing" Tutorial) and using getFeatures() - but wasn't able to get the results I was looking for.

I looked into Minim - Beat Detect in Frequency Energy mode wasn't specific & exact enough for me. I spent the entire Easter Weekend searching for information and looking at other's sketches. I learnt about Averages and more specifically Logarithmic Averages. Splitting the spectrum into bands makes sense to me. Using this method I arrived at slightly more pleasing results.

I see amnon.owed says on this thread that accurate audio detection is pretty hard. >.<

Result

I have a sketch using ddf's suggested method as specified in the above link, and am currently using 12 bands. I am using calcAvg() and "if" statements to access the indexes of the frequencies. (I'm using 2 "ranges" at the moment for this exercise)

A: Am I going about this the right way? Just because it's kinda working, doesn't leave me convinced that my code is optimised for the best way forward. Are "if" statements on the indexes the "right" way to do this?

B: To gain access to more frequencies, I just work with more bands right? I am not blown away with the accuracy of audio - reactiveness but probably need to work on it a bit more.

C: I found on the interwebs this sketch that is pretty damn accurate. But it looks so complicated! I don't know if I should try to pick apart & understand the code, and I don't know how to credit this guy, have no idea how I even came across this, would I just add a link to his website at the top of the sketch? Lol.

So what I'm ultimately asking is, how can I make this sketch super audio reactive. I'm looking for Trapcode Form level of accuracy. It would be awesome to create a template that I can share, because I really struggled to find a simplified #noob-level stripped down sketch that does what I want it to!

(I've removed most of my comments but left a few in, might help someone). Also I'm loading a .wav, if anyone copies this, just replace "tricky.wav" with "songname.wav" or "songname.mp3"

Thanks in advance!!!
2. import ddf.minim.*;
3. import ddf.minim.analysis.*;
5. Minim minim;
6. AudioPlayer song;
7. FFT fft;
9. int sampleRate = 44100;
10. int timeSize = 1024;
12. void setup() {
13. size(500, 500);
14. smooth();
16. minim = new Minim(this);
17. song = minim.loadFile("tricky.wav", 2048);
18. song.loop();
19. fft = new FFT( song.bufferSize(), song.sampleRate() ); // make a new fft
21. // calculate averages based on a miminum octave width of 11 Hz
22. // split each octave into 1 bands - this should result in 12 averages
23. fft.logAverages(11, 1); // results in 12 averages, each corresponding to an octave, the first spanning 0 to 11 Hz.
24. }
26. void draw() {
27. background(0);
28. noStroke();
30. fft.forward(song.mix); // perform forward FFT on songs mix buffer
32. // float bw = fft.getBandWidth(); // returns the width of each frequency band in the spectrum (in Hz).
33. // println(bw); // returns 21.5332031 Hz for spectrum [0] & [512]
35. for (int i = 0; i < 12; i++) { // 12 is the number of bands
37. int lowFreq;
39. if ( i == 0 ) {
40. lowFreq = 0;
41. }
42. else {
43. lowFreq = (int)((sampleRate/2) / (float)Math.pow(2, 12 - i));
44. }
46. int hiFreq = (int)((sampleRate/2) / (float)Math.pow(2, 11 - i));
48. // we're asking for the index of lowFreq & hiFreq
49. int lowBound = fft.freqToIndex(lowFreq); // freqToIndex returns the index of the frequency band that contains the requested frequency
50. int hiBound = fft.freqToIndex(hiFreq);
52. //println("range " + i + " = " + "Freq: " + lowFreq + " Hz - " + hiFreq + " Hz " + "indexes: " + lowBound + "-" + hiBound);
54. // calculate the average amplitude of the frequency band
55. float avg = fft.calcAvg(lowBound, hiBound);
56. // println(avg);
58. if ((lowBound >= 32) && ( hiBound <= 64)) {
59. fill(255);
60. ellipseMode(CENTER);
61. ellipse(250, 250, avg/1, avg/1);
62. }
64. if ((lowBound >= 256) && ( hiBound <= 512)) {
65. noFill();
66. stroke(255);
67. strokeWeight(2);
68. ellipseMode(CENTER);
69. ellipse(250, 250, avg*20, avg*20);
70. }
72. }
73. }
75. void stop() {
76. song.close(); // always close Minim audio classes when you are finished with them
77. minim.stop(); // always stop Minim before exiting
78. super.stop(); // this closes the sketch
79. }

Scale from 0 to 50 to 0 (reverse or invert a range?)

[2 Replies]
- 12-Mar-2013 03:56 AM
- Forum: Programming Questions
Hi Guys

I'm a noob learning processing with Casey Reas & Ben Fry and their amazing book.

As an exercise, I would like to scale a grid of circles from small (0px) to large (50px) to small (0px) again. I managed to do the reverse (big to small to big) using the map function and converting a value to a range of -1.0 to 1.0 and translating this into scale of -50, 0 and 50. (Sorry if my language is incorrect)

How do I "reverse" this? I got a result using if statements but wondering if there is way to convert to a range of numbers that start at 0, increase to 50 in (for example) 10px increments, and then decrease to 0 again. I'm also unsure if the method of using map as I used it below is the "correct" way to tackle such a thing, converting to one range and then converting to another. Trying to apply some of the things I've learnt thus far.

Apologies if this has been answered, I did search the forum and couldn't find anything. I have pasted my code below.

Thanks in advance guys!
2. size(500, 500);
3. background(255);
5. fill(0);
6. noStroke();
8. for (int x = 0; x < 550; x+=50) {
9. for (int y = 0; y < 550; y+=50) {
10. float newX = (x*0.200)/2; // convert stage width to increments of 5 between 0 and 50
11. float n = map(newX, 0, 50, -1.0, 1.0); // convert to new range between -1.0 & 1.0
13. float s = map(n, -1.0, 1.0, -50, 50); // convert to new range between -50 & 50
14. //float sPos = lerp(0, 50, n); // does same as above
16. ellipse(x, y, s, s);
18. println(s);
20. // I achieve what I want with the below, but feels like there could be more elegant solution
21. /*
22. if (n <= 0.0) {
23. float s1 = s += 50;
24. ellipse(x, y, s1, s1);
25. println(s1);
26. }
28. if (n >= 0.0) {
29. float s2 = s -= 50;
30. ellipse(x, y, s2, s2);
31. println(s2);
32. }
33. */
34. }
35. }

«Prev
Next »

Response title

Attachments

New to this Portal?

Activity Trend