Hydra is inspired by modular synthesis. Instead of connecting cables you connect different kinds of javascript functions.

source Sandin Image Processor #

The logic is to start with a source (such as osc(), shape(), or noise()), and then add transformations to geometry and color (such as .rotate(), .kaleid(), .pixelate() ), and in the end always connect the chain of transformations to the output screen .out() .

for example, the following code renders an oscillator with parameters frequency, sync, and rgb offset:

We can add another transformation to the oscillator from above, by adding the function rotate() after the oscillator:

Pixelate the output of the above function: