hydra
live coding video synth
///////////////////////////////////////////////////////////
Hydra is live code-able video synth and coding environment that runs directly in the browser. It is free and open-source and made for beginners and experts alike.
To get started:- Close this window
- Change some numbers
- Type Ctrl + Shift + Enter
///////////////////////////////////////////////////////////
Hydra is written in JavaScript and compiles to WebGL under the hood. The syntax is inspired by analog modular synthesis, in which chaining or patching a set of transformations together generates a visual result.
Hydra can be used:
- to mix and add effects to camera feeds, screenshares, live streams, and videos
- to create generative and audio-reactive visuals, and share them online with others
- in combination with other javascript libraries such as P5.js, Tone.js, THREE.js, or gibber
- to add interactive video effects to a website
- to experiment with and learn about video feedback, fractals, and pixel operations
- to stream video between browsers and live-jam with others online
Created by olivia.
For more information and instructions, see: the interactive documentation, a list of hydra functions, the community database of projects and tutorials, a gallery of user-generated sketches, and the source code on github,
There is also an active Discord server and facebook group for hydra users+contributors.
If you enjoy using Hydra, please consider supporting continued development <3 .