learning #

getting started #

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

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

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

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

change values over time in your patches using arrays and arrow functions

get external data to interact with your visuals such as your mouse position, audio or midi messages into hydra

using hydra-synth extensions. incorporating other javascript libraries such as p5.js, THREE.js, Tone.js. writing your own GLSL functions. developing & contributing to the project.

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