Hydra Intro

Original material in Spanish by Flor de Fuego, edits in English and Japanese and website version by Naoto Hieda.

Flor de Fuego

Naoto Hieda

LIVE CODING

LIVE CODING: In short, live coding is the act of writing programming languages in real time to generate images and sounds, control lights, engines, etc.

There are communities in different parts of the world, such as Mexico, India, the United States, England, Colombia, France, Japan, etc. There are various activities related to learning different tools and producing works both individually and collectively.

LIVE CODING: En pocas palabras, live coding (código vivo) es el acto de escribir en tiempo real a través de diferentes lenguajes de programación en softwares para generar imágenes y sonidos, controlar luces, motores, etc.

Existen comunidades en diferentes lugares del mundo, como México, India, Estados Unidos, Inglaterra, Colombia, Francia, Japón, etc. En donde las personas se autoconvocan para realizar diversas actividades que se relacionan con el aprendizaje de diferentes herramientas y compartir las producciones tanto individuales como colectivas.

ライブコーディングとは、簡単に言えばリアルタイムでプログラミング言語を書いて画像や音声を生成したり、 照明や機械を制御したりすることです。

メキシコ、インド、アメリカ、イギリス、コロンビア、フランス、日本など、世界各地にコミュニティがあり、 個人やグループなどで、様々な道具を学んだり、作品を制作するなど多様な活動が行われています。

TOPLAP

ORGANIZATION FOUNDED IN 2004, IN ORDER TO EXPLORE AND PROMOTE LIVE CODING

ORGANIZACIÓN FUNDADA EN 2004, CON EL FIN DE EXPLORAR Y PROMOVER EL LIVE CODING

トップラップはライブコーディングを探求し普及させるために2004年に設立された団体です。

https://toplap.org/

CLiC: colectivo de live coders

A space to exchange and collectively produce, open, careful, horizontal and adhoc to address, investigate and perform techniques and tools of livecoding

Un espacio de intercambio y producción colectiva, abierto, cuidado, horizontal y adhocrático para abordar, investigar y realizar performance utilizando técnicas y herramientas de livecoding

南米を拠点とし、ライブコーディングの技術とツールを研究したりパフォーマンスをするための オープンで互いのケアをしながら水平的かつ流動的に活動しているコレクティブ。

https://colectivo-de-livecoders.gitlab.io/

https://clic-gba-caba.gitlab.io/

TELEGRAM: @clic_livecoding

Do it ourselves - sharing is good

Hagámoslo nosotros mismos - compartir es bueno

Do It Ourselves (自分「たち」でやるということ)

Evan Raskob, a UK live coder who works at the University of London, compares it to 1980s punk rock. "The great thing about punk is that they could play three chords and you would say, 'I can do that,'" he says "with live coding you can type a few lines and compile and you're making music"

(or in this case visual)

Evan Raskob, un live coder de Reino Unido quien trabaja en la Universidad de Londres, lo compara con el punk rock de los 80’s. “Lo grandioso sobre el punk es que podían tocar tres acordes y vos decias, ‘Yo puedo hacer eso,’” El dice “con el live coding podes tipear unas pocas líneas y compilar y estas haciendo música”

(o en este caso visuales)

ロンドン大学で働くイギリスのライブコーダー、Evan Raskob氏は、1980年代のパンクロックと比較しています。
「パンクの素晴らしいところは、3つのコードさえ弾ければ『自分にもできる』と言えることでしょう」

（Hydra の場合はビジュアルですが）

Excerpt from “That Music You’re Dancing To? It’s Code” New York Times

Extraido de “That Music You’re Dancing To? It’s Code” nota del New York Times

“That Music You’re Dancing To? It’s Code” New York Times より

Hydra Synth

live coding networked visuals

live coding networked visuals

ネットワークにつながったライブコーディング・ビジュアル

HYDRA BY OLIVIA JACK

HYDRA POR OLIVIA JACK

Hydra by オリヴィア・ジャック

https://hydra.ojack.xyz/

OTHER PROJECTS AND REPOSITORY IN https://ojack.xyz/

OTROS PROYECTOS Y REPOSITORIO EN https://ojack.xyz/

その他プロジェクトやレポジトリはこちら https://ojack.xyz/

WHAT IS HYDRA?

QUE ES HYDRA?

HYDRA とは

Hydra is a visual experimentation platform that works in a web browser, allowing transformations of writing of code, as completely free software.

It uses JavaScript as the main language, and it can load p5.js (JS library for Processing) and shaders because underneath the software the program runs shaders (low level programming) to synthesize images. Hydra can also insert webcams, videos, images and internet pages, and it allows to control parameters via MIDI or OSC. Currently Olivia is developing a part of sound control from video.

Hydra es una plataforma de experimentación visual que funciona en un navegador web, permitiendo transformaciones a través de la escritura de código, todo esto con la característica de ser software libre.

Utiliza como lenguaje principal JavaScript, se puede vincular con P5 (librería JS para Processing) y shaders, porque por debajo del software de manera más sintética lo que está sucediendo es que el programa corre shaders (programación de bajo nivel). Hydra además puede insertar webcams, videos, imagenes y paginas de internet, permite controlar parámetros via MIDI u OSC y actualmente Olivia está desarrollando una parte de control sonoro a partir de video.

Hydra は Web ブラウザ上で動作する実験的なプラットフォームで、 その場でコードを書きながらビジュアルをつくれる完全にフリーのソフトウェアです。

言語は JavaScript を使用しており、内部的には画像を生成するためにシェーダを用いてます。 そのため例えば p5.js を読み込むこともできます。 Hydra はウェブカメラ、動画、画像の読み込み、スクリーンシェアにも対応しており、 MIDI や OSC を介してパラメータを制御することもできます。 現在制作者のオリヴィアはビデオによる音のコントロールなども開発中です。

Interconnection

Interconectar

インターコネクション

HYDRA - MANY THINKING HEADS

HYDRA - MUCHAS CABEZAS PENSANDO

HYDRA - たくさんの頭で考えること

Taking the concept from Greco-Roman mythology, Hydra of Lerna (the beast with many heads that for every head that is cut off, two more come out) as well as the animal Hydra (fresh-water organisms that have many heads with regenerative properties). The idea is that things are constantly being generated and regenerated around the software: the community continuously contributes various knowledge by people around the world. Not only a software to produce images/video, but it turns out to be a creative engine for the production and reflection of art and the ways to interact (symbolically, materially and technically) with each other and with the environment.

Tomando el concepto de la mitología Greco-Romana, Hydra de Lerna (la bestia de muchas cabezas que por cada cabeza que se corta salen dos más) así como también Hydra en el reino animal (un ser acuático que posee muchas cabezas y con propiedades regenerativas). Hay algo en todo esto que se genera y regenera constantemente alrededor del software: la comunidad aporta continuamente los diferentes conocimientos que poseen las personas alrededor del mundo. Convirtiéndolo, no solamente en un software para producir imágenes/video, sino en un motor creativo para la producción y reflexión del arte y las maneras de interactuar (simbólica, material y técnicamente) entre nosotres y con el medio.

グレコ・ローマ神話の「レルナのヒドラ」（多くの頭を持つ獣で、頭を切り落とされるごとに2つの頭が出てくる）や、 動物の「ヒドラ」（再生能力を持つ多くの頭を持つ淡水生物）が名前の由来です。 ソフトウェアそのものだけでなく、それを取り巻く環境でも常に何かが生成され、再生されているという考え方です。 画像や映像を生成するだけのソフトウェアではなく、アートの生産と反映のための創造的な動力源であり、 ユーザ同士や環境と（記号的・物質的・技術的に）相互作用を起こしています。

COLLECTIVE LIVE CODING AT A DISTANCE

LIVE CODING COLECTIVO A DISTANCIA

遠距離でのライブコーディング・セッション

background: modular analogue synthesizers

basado en sintetizadores analogicos modulares

アナログのモジュラーシンセ

Dan Sandin - The image processor

We interconnect functions to generate different types of images.

In this way, we add or subtract pixels in an intuitive way to generate changes in contrast, brightness, hue, saturation, color and even digital feedback.

interconectamos funciones para generar diferentes tipos de imágenes.

De esta manera lo que hacemos a grandes rasgos es sumar o restar pixeles, para generar cambios en el contraste, el brillo, el tono, la saturación, el color y hasta feedback digital.

Hydra ではモジュラーシンセのように関数を相互接続することでさまざまな画像を生成できます。

このように直感的にピクセルを加算、減算してコントラスト、明るさ、色相、彩度、色を変化させるだけでなく 複雑なフィードバックを起こすこともできます。

Other possible background: John Whitney

Otras posibles bases: John Whitney

ジョン・ホイットニー

John Whitney, (1917 -1995) was an animator, composer and inventor, widely regarded as one of the fathers of computer animation.

His works are characterised by textures generated in a loop by the electrons in the monitor (oscilloscope), by the play of abstract forms, bright electronic colours and by the use of concrete music. *

John Whitney, (1917 -1995) fue un animador, compositor e inventor, ampliamente considerado como uno de los padres de la animación por ordenador.

Sus obras se caracterizan las texturas generadas en bucle por los electrones del monitor (osciloscopio), por el juego de formas abstractas, colores electrónicos brillantes y por la utilización de música concreta. *

ジョン・ホイットニー（John Whitney, 1917-1995）は、 アニメーター、作曲家、発明家であり、 コンピュータ・アニメーションの父の一人として広く知られています。

彼の作品の特徴はモニター（オシロスコープ）の中の電子によってループ状に生成されるテクスチャ、 抽象的な形の遊び、鮮やかな電子的な色、具象的な音楽の使用などです。

VIDEO: John Whitney-Matrix III (1972)

*fuente Proyecto IDIS: https://proyectoidis.org/john-whitney/

ALGORITHMIC VISUALS

ALGORITMOS VISUALES

アルゴリズムによるビジュアル

Graphic programming: I work with instructions, commands I give to my computer to create images. So when I'm programming I'm thinking about shapes and colors and therefore I'm also working with light.

programación gráfica, trabajo con instrucciones, órdenes que le doy a mi computadora para crear imágenes. Entonces a la hora de programar estoy pensando en formas y colores y por ende también estoy trabajando con luz.

グラフィックプログラミングではコンピュータに指示を出してビジュアルを生成します。 プログラミングをしているときは、形や色について考え、それは光を使った作業でもあります。

Synthesis of Code

Síntesis de código

コードの生成

.pixelate(20, 20) <=>

Functions

Funciones

関数

Hydra groups/forums

grupos/foros de Hydra

Hydra コミュニティ