/HydraTutorial

Primary LanguageJavaScript

TUTORIAL | HYDRA | TUTORIAL

Información General | General Information

Hydra es una plataforma de live coding para síntesis visual basado en los desarrollos visuales que los sintetizadores análogos generan. Hydra es un proyecto open-source desarrollado por Olivia Jack.

Este es un tutorial en proceso que está abierto a colaboradores.

Hydra is a live coding platform for visual sintesis based on video analog synthesizers. Hydra is an open-source project developed by Olivia Jack.

This tutorial is a work-in-process open to collaborators.

Cómo acceder/correr Hydra | How to access/run Hydra

Hydra se puede acceder/correr:

en navegador => https://hydra-editor.glitch.me
Más información: https://github.com/ojack/hydra

localmente =>

  1. Descargando/instalando Atom.
  2. Instala (dentro de Atom) el paquete "atom-hydra" visitando Preferencias/Instalar.
  3. Reinicia Atom. Ve a Paquetes/atom-hydra/toogle
  4. Crea un archivo con la extensión .js y corre cualquier ejemplo.
    Más información: https://github.com/ojack/atom-hydra

Hydra can be accesed/run:

in a browser => https://hydra-editor.glitch.me
More information: https://github.com/ojack/hydra

locally =>

  1. Download/install Atom.
  2. Install (inside Atom) the "atom-hydra" package, visiting Preferences/Install.
  3. Reboot Atom. Go to Packages/atom-hydra/toogle
  4. Create a .js extension file and run any example.
    More information: https://github.com/ojack/atom-hydra

Cómo correr los ejemplos de este tutorial | How to run the examples of this tutorial

Los ejemplos se puedes copiar/pegar y correr en la versión de navegador de hydra presionando ctrl+Enter.

Localmente:

  1. Instala hydra localmente.
  2. En github => presiona "clonar o descargar". Se puede descargar el projecto como zip o clonar usando la terminal (https://help.github.com/en/github/creating-cloning-and-archiving-repositories/cloning-a-repository).
  3. Abre el folder del projecto en Atom. Ve a Paquetes/atom-hydra/toogle.
  4. Navega por los ejemplos que tienen la extensión .js
  5. Corre líneas de código con shift+Enter | Corre bloques de código con ctrl+Enter

Examples can be copy/paste in the hydra browser version by presing ctrl+Enter.

Locally:

  1. Install hydra locally.
  2. In github => select "clone or download". You can download the project as a zip or clone it using the terminal (https://help.github.com/en/github/creating-cloning-and-archiving-repositories/cloning-a-repository).
  3. Open the project's folder in Atom. Go to Packages/atom-hydra/toogle.
  4. Navagate through the .js files
  5. Run lines of code with shift+Enter | Run blocks of code with ctrl+Enter.

Referencias | References Information

Hydra Examples - Olivia Jack
Funciones/Functions - Olivia Jack
Hydra Book - Naoto Hiéda
Hydra Facebook Group
Discord Server

Colaboradores | Collaborators Information

Jessica A. Rodríguez [México] - McMaster University