learning #

getting started #

step-by-step tutorial for starting to code with hydra

web editor #

key commands, comments, saving sketches, loading extensions and external libraries, publishing to the gallery

video synth basics #

overview of hydra’s modular approach and main function types: sources, geometry, color, blending, and modulation.

external sources #

using webcams, images, videos, html canvas elements, and live streams inside a hydra sketch

sequencing & interactivity #

making dynamic and interactive sketches using arrays, custom functions, audio reactivity, mouse input, and MIDI controllers.

extending hydra #

using hydra with other javascript libraries such as P5.js, Tone.js, strudel. Writing custom GLSL functions, and using hydra in your own webpage.

guides #

deeper dives into hydra topics written by members of the community.