# Studio Dumbar's works. (Amsterdam Sinfonietta )

**URL:** <https://discourse.processing.org/t/studio-dumbars-works-amsterdam-sinfonietta/21992>\
**Category:** Processing\
**Created:** [June 19, 2020, 10:59am UTC](https://discourse.processing.org/t/studio-dumbars-works-amsterdam-sinfonietta/21992 "2020-06-19T10:59:06Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![yhlaskerimov](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/yhlaskerimov/32/9725_2.png) [@yhlaskerimov](https://discourse.processing.org/u/yhlaskerimov)\
**Post date:** [June 19, 2020, 10:59am UTC](https://discourse.processing.org/t/studio-dumbars-works-amsterdam-sinfonietta/21992/1 "2020-06-19T10:59:06Z")

</div>

Who knows how to do works like Studio Dumbar do ? They are coding and their code reacting to the music. Some examples: [https://youtu.be/0C9\_nYeVxa0](https://youtu.be/0C9_nYeVxa0)

---

<div class="post-metadata">

**Author:** ![josephh](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/josephh/32/210_2.png) [@josephh](https://discourse.processing.org/u/josephh)\
**Post date:** [June 21, 2020, 8:52pm UTC](https://discourse.processing.org/t/studio-dumbars-works-amsterdam-sinfonietta/21992/2 "2020-06-21T20:52:59Z")

</div>

Hi,

I think that the fact that the visuals are reacting with the music is mostly editing but some patterns might be achievable with perlin noise :

[https://processing.org/examples/noise2d.html](https://processing.org/examples/noise2d.html)

---

<div class="post-metadata">

**Author:** ![yhlaskerimov](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/yhlaskerimov/32/9725_2.png) [@yhlaskerimov](https://discourse.processing.org/u/yhlaskerimov)\
**Post date:** [June 22, 2020, 12:27pm UTC](https://discourse.processing.org/t/studio-dumbars-works-amsterdam-sinfonietta/21992/3 "2020-06-22T12:27:57Z")

</div>

I have to learn about music libraries in processing, can anyone suggest me where to learn ?

---

<div class="post-metadata">

**Author:** ![josephh](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/josephh/32/210_2.png) [@josephh](https://discourse.processing.org/u/josephh)\
**Post date:** [June 23, 2020, 8:07am UTC](https://discourse.processing.org/t/studio-dumbars-works-amsterdam-sinfonietta/21992/4 "2020-06-23T08:07:17Z")

</div>

Check those links :

- [https://processing.org/reference/libraries/sound/index.html](https://processing.org/reference/libraries/sound/index.html)
- [https://processing.org/reference/libraries/#sound](https://processing.org/reference/libraries/#sound)

---

<div class="post-metadata">

**Author:** ![jeremydouglass](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/jeremydouglass/32/20_2.png) [@jeremydouglass](https://discourse.processing.org/u/jeremydouglass)\
**Post date:** [June 23, 2020, 6:55pm UTC](https://discourse.processing.org/t/studio-dumbars-works-amsterdam-sinfonietta/21992/5 "2020-06-23T18:55:09Z")

</div>

In general I would recommend looking through the sound library examples and the minim library examples if you are interested in making audio-reactive things. minim is a more complex library with more analysis options – if you want to react to different aspects of music, for example.

More generally, try starting with a simple example and then adding inputs that vary the contents. You can connect these to key presses or mouse movements to start, then add the microphone + minim – or you can start with the microphone controlling a single rectangle, then work your way up to the complex text surface. Or start at both ends and meet in the middle.

```auto
/**
 * TextSurfaceDemo
 * Jeremy Douglass 2020-06-23 - Processing 3.5.4
 * try holding down a key, holding down the mouse
 * and/or dragging the mouse
 * https://discourse.processing.org/t/studio-dumbars-works-amsterdam-sinfonietta/21992/4
 */

float xstep = 14;
float ystep = 14;
String txt = "LOREM IPSUM SIT DOLOR ";

float inputA = 0;
float inputB = 0;
float inputC = 4;

void setup() {
  size(800, 400);
}
void draw() {
  if(mousePressed) inputA = frameCount/10;
  if(keyPressed) inputB = frameCount/10;
  
  background(0);
  for (int y=0; y<=height/ystep; y++) {
    for (int x=0; x<=width/xstep; x++) {
      int idx = int(y*(height/ystep) + x + inputA); // counter
      char c = txt.charAt(idx%txt.length()); // get character
      float eggCrateOffset = inputC*cos(x + inputB)*sin(y); // smaller/larger pattern
      textSize(xstep + eggCrateOffset); // set text size
      text(c, x*xstep, y*ystep); // draw text
    }
  }
}

void mouseDragged() {
  inputC = (mouseY+1)/(float)height * (14-1);
}

```

 ![TextSurfaceDemo--screenshot](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/5/582e59af57da98ea6eabf7a8b1c6db8d489c73c6.png)

---

<div class="post-metadata">

**Author:** ![yhlaskerimov](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/yhlaskerimov/32/9725_2.png) [@yhlaskerimov](https://discourse.processing.org/u/yhlaskerimov)\
**Post date:** [June 24, 2020, 12:47pm UTC](https://discourse.processing.org/t/studio-dumbars-works-amsterdam-sinfonietta/21992/6 "2020-06-24T12:47:18Z")

</div>

Thank you, for your reply.  
I really appreciate your kindness. Thank you for your reply )