Hydra + Sonic pi video serie - azertype

I am going to release sonic pi + hydra video series .This is the first :

the second:

There will be one per week

the sonic pi and hydra code are available in the youtube description
I hope someone will enjoy

peace and joy


Wait are you live coding the visuals over stuff you made with sonic pi?

Never heard of hydra before.

Yes exactly

Try it it’s fun and easy :

code 1

code 2

code 3

This is the code I use in the video

You can run it on your browser even on a smartphone, Safari and Firefox work (the other never try),but the best compatibility is on Chrome

You can use it as you wish
if you do something with it I would love to see it


That’s really cool.

Thanks. I will.

This visuals amazing, bravo :ok_hand:

Im really new at this, and not familiar to hydra. Can you explain which editor do you use, how to install and which exact part is audio reactive response on code? Because I dont now .js also :frowning:

I tried your codes that you shared before in browser hydra but I didnt understand that are they audio reactive or not?

Hey thanks

In the video use atom hydra

In the description of video I always share the code :
hydra code

I just try it and in browser hydra (firefox) and it work , be sure you use the good audio input

___________Here you have the explication of how it work


" Audio Responsiveness (experimental)"

FFT functionality is available via an audio object accessed via “a”. The editor uses GitHub - meyda/meyda: Audio feature extraction for JavaScript. for audio analysis. To show the fft bins,


Set number of fft bins:


Access the value of the leftmost (lowest frequency) bin:


Use the value to control a variable:

osc(10, 0, () => (a.fft[0]*4))

It is possible to calibrate the responsiveness by changing the minimum and maximum value detected. (Represented by black lines over the fft). To set minimum value detected:


To set maximum:


The fft will return a value between 0 and 1, where 0 represents the cutoff and 1 corresponds to the maximum.

To hide the audio waveform:


____________In my code this is the setintg of audio analysis

a.setScale (100)
a.setBins (1)
a.settings[0].cutoff = 2

I use it here
shape(9,()=> a.fft[0]*2)

fft return value between 0 and 1, so more the sound is loud more bigger is the shape

Hope it will help you .Sorry for my bad english

Peace and joy Baya aka azertype

1 Like

Thank you very much, you’r perfect :pray:

I have some troubles about using hydra on atom right now, I’m working on it to fix that. As soon as I fixed I’ll try to create some audio reactive visuals.

Be safe