A file format for defining multi-dimensional strokes or gestures in time references Labanotation ~ Rudolf von Laban (1920s) yellow tail ~ Golan Levin (1998, rebuilt in Processing in 2007) What Shall We Do Next? (Sequence #1) ~ Julien Prévieux (2006-2011) tagtool ~ OMAi GmbH (2008) MotionBank ~ Motionbank Project (2010–) GML - Graffiti Markup Langauge ~ Jamie Wilkinson, Chris Sugrue, Theo Watson, and Evan Roth (2011) Multi-Touch Painting series ~ Evan Roth (2012 - 2014)

This document is an introduction to making live visuals using Hydra. It covers the basics of writing code in the browser to generate and mix live video sources. No coding or video experience is necessary ! If you just want to start in 60 seconds you can also check: Getting started short version This tutorial is meant to be used from within the hydra web editor. It is also interactive -- you can directly modify the code in each code block to see how it affects the visuals. Get to know the browser editor To get started, open the the hydra web editor in a separate window. Close the top window by clicking the [x] in the top right.

what is hydra? getting started - start here! API reference - basic usage and examples for hydra functions how-to - a quick reference for common questions guides - deeper dives into hydra topics written by members of the community. what is hydra? see https://ritchse.github.io/hydra-docs/#/ getting started

There are five types of functions in hydra: source, geometry, color, blend, and modulate. Hydra functions generally start with a source function, followed by transformations to geometry and color, blending and modulation. See Getting Started for more information. Sources osc osc(6, 0.05, 0.8).out() // osc( frequency = 60, sync = 0.1, offset = 0 )

[WIP] freehand drawing editor and livecodable sequencer The basic structure of this app is a drawing editor and a code editor within the same interface. Drawing with the mouse in the square on the left creates a set of x and y values in time. These values are looped in time, creating a repeating pattern. Various parameters of a drawing can be used as functions or lfos within a live-coded program. It can also be used to trigger discrete events such as a note on or note off event. Hydra and Tone.js are currently bundled within this app, but you can also use WebMidi to use fubbles as a control surface for another program, or load other javascript libraries to control sound directly. Basic Usage Note: this project is in its vary early stages and most or all of the syntax will most likely change. To draw in the editor, select a color in the top right of the screen, and then draw something in the square on the left hand side of the screen. Each drawing is refered to by the variable f followed by an index number, and is represented by a different color on the screen. For example, f0 is used to reference the first drawing (in red).