Sound-responsive flow field system, developed for fxhackathon 2023: co-creation interfaces.

Microphone required.

This is an experimental project, best suited for desktop environment.

---

Controls:

• [ENTER] to record
• [BACKSPACE] to clear
• In live view, [S] to download a high-resolution copy

Executed using p5js, p5js-sound, and lz-string.

DEVSPOETICVS, 2023.

---

Minting Instructions

See: fx(flowField) - Curated Practices

I. Before you start, make sure that you have a functioning microphone connected, and that it is accessible through your browser.

II. Enable the boolean parameter of showFlowField, to see a representation of the vectors that constitute the flow field. This will give you a first impression.

III. Select an aspectRatio, and decide whether you would like to use lightMode.

IV. Experiment with parameters, and observe how the flow field reacts to different updates. They determine the behaviour of the flow field that will serve as a foundation for this generative token. Pay closer attention to noiseScale, magnitude, dBiasX, and dBiasY.

V. To reveal the flow field, drag your mouse on the canvas. As you draw, cHue will be mapped to the volume of the sound that goes through the microphone.

VI. Of course, your physical environment will have a big impact on the sound that will be processed. Adjust micSensitivity to your needs. Lower sensitivity means that it will be more difficult to increase cHue.

VII. Hit [ENTER] to record the particles you have drawn and coloured. You will notice that, when you refresh the interface, they will be recreated.

VIII. At this step, you can continue to make adjustments on how your flow field will be drawn. The modified values will be applied on the same set of particles, since all the necessary information is now stored as a parameter.

IX. If you wish to start over, you can clear the stored data by hitting [BACKSPACE] and get a clean canvas by refreshing.

X. Mint, when you are satisfied with the result.