Chaos and Order

💡 왼쪽 원문을 읽으면서 오른쪽에 따라 써보세요. Tab 키로 힌트를 받을 수 있습니다.

원문 렌더가 준비되기 전까지 텍스트 가이드로 표시합니다.

프롤로그 — 코드가 무대 위로 올라온 시대

2010년, 영국 셰필드의 작은 클럽에서 "Algorave"라는 이름의 파티가 처음 열렸다. 디제이 부스에는 노트북이 있었고, 스크린에는 **소스코드가 그대로 비치고 있었다.** 관객은 비트에 맞춰 춤을 췄지만, 사실 그들이 보고 있던 건 Alex McLean이 실시간으로 타이핑하는 Haskell 코드였다.

15년이 지난 2026년, 그 풍경은 더 이상 실험이 아니다.

- **Sonic Pi**는 영국 초중등학교 음악 교과서에 들어갔고, BBC Music Day 콘서트의 정식 악기다.

- **TidalCycles**는 전 세계 알고레이브의 사실상 표준이 되었고, Strudel(JS 포팅)이 브라우저 한 탭에서 클럽 셋을 돌린다.

- **Hydra**는 라이브 코딩 비주얼리스트의 90%가 쓰는 도구다. 코드 두 줄로 사이키델릭 셰이더가 흐른다.

- **TouchDesigner**는 미디어 아트 스튜디오의 표준이 되었고, 코엑스·이태원·DDP의 LED 월을 지배한다.

- **SuperCollider**는 1996년부터 35년째 현역이고, 학계 + 산업 모두에서 살아있다.

이 글은 2026년 5월 기준 **라이브 코딩의 지도 한 장**을 그린다. "코딩으로 무대에 선다"는 게 무슨 의미인지, 어떤 도구가 어디서 쓰이는지, 학생/음악가/VJ/미디어 아티스트 각각이 어디서 출발해야 하는지.

1장 · 2026년 라이브 코딩의 지도

라이브 코딩은 크게 세 갈래다.

[음악 라이브 코딩]

Sonic Pi — Ruby DSL, 교육 + 콘서트

TidalCycles — Haskell, 알고레이브 본가

Strudel — JS, 브라우저 (TidalCycles 포팅)

FoxDot — Python, SuperCollider 백엔드

SuperCollider — sclang, 35년 된 본가

Pure Data — 비주얼 패치, Miller Puckette

Max/MSP — 상업판 비주얼 패치 (Cycling '74)

[비주얼 라이브 코딩]

Hydra — JS, 브라우저, Olivia Jack

Punctual — 함수형 셰이더 DSL, David Ogborn

p5.js — Processing for the Web

openFrameworks / Cinder — C++

[비주얼 프로그래밍 (노드 베이스)]

TouchDesigner — 노드 그래프, GPU 가속

Notch — 모션 디자인 + 미디어 서버

vvvv — 노드 베이스, 윈도우 중심

Resolume — VJ 소프트웨어

[기타]

ORCΛ — esoteric 시퀀서 (Hundredrabbits)

Renoise — 트래커 (스크립팅 가능)

이 세 갈래는 무대에서 자주 **함께** 쓰인다. TidalCycles로 비트를 짜고, Hydra로 비주얼을 짜고, OSC/MIDI/Ableton Link로 동기화한다. "라이브 코딩 셋"이라는 말은 보통 **음악 + 비주얼 듀오 또는 솔로 멀티태스킹**을 뜻한다.

세 가지 핵심 컨셉을 미리 잡고 가자.

- **선언적 패턴 (declarative patterns)** — "이런 리듬을 만들어라"가 아니라 "리듬 자체"를 코드로 적는다. TidalCycles의 mini-notation, Strudel, Sonic Pi가 모두 이 길이다.

- **핫 리로드 (hot reload)** — 코드를 고치고 `Ctrl+Enter`를 누르면, 현재 재생 중인 사운드/비주얼이 **끊기지 않고** 바뀐다. 이게 라이브 코딩의 본질이다.

- **시간이 객체다 (time as a first-class citizen)** — cycle, beat, tempo가 함수 인자로 들어가고, 시간을 함수로 매핑한다.

2장 · Sonic Pi — 교육의 현장과 콘서트 사이

**Sam Aaron**이 케임브리지 컴퓨터랩에서 만든 Sonic Pi는 "**아이들에게 코드를 가르치기 위한 악기**"로 시작했다. 그 결정이 결과적으로 2026년 가장 친근한 라이브 코딩 도구를 낳았다.

핵심: **Ruby DSL + SuperCollider 사운드 엔진**. 즉, 문법은 루비처럼 친근하지만, 소리는 사실 35년 묵은 SuperCollider가 낸다.

가장 작은 셋. 키보드 한 줄.

play 60

MIDI 60(C4)이 한 번 울린다. 패턴을 만들려면:

live_loop :kick do

sample :bd_haus

sleep 0.5

end

live_loop :bass do

use_synth :tb303

play chord(:E2, :minor).choose, release: 0.3

sleep 0.25

end

`live_loop`은 **이름이 같으면 새 코드로 부드럽게 교체**된다. 무대에서 `:bass`의 화음을 바꾸고 다시 Run을 누르면, 다음 사이클부터 자연스럽게 새 화음이 흐른다.

**Sonic Pi가 잘하는 것:**

- 친근한 문법, 풍부한 샘플 라이브러리(`:bd_haus`, `:elec_blip` 등 수백 개)

- Ableton Link 지원(2.0부터) — 다른 DJ/뮤지션과 BPM 동기화

- 무료, 오픈소스, Raspberry Pi에서 부팅 직후 실행 가능

- 교육 자료가 압도적으로 풍부

**한계:**

- 패턴 결합력이 TidalCycles보다 약하다 (시퀀스 변환 함수가 적음)

- GUI 자체가 학습자용 — 모니터 두 대 셋업에는 조금 답답하다

**누가 쓰나:** 음악 교사, 학생, "코드는 모르지만 만지는 악기 하나 더" 가 필요한 뮤지션, 라즈베리파이 카페 인스톨레이션.

Sam Aaron의 TED 토크 "Programming as Performance"는 라이브 코딩의 가장 잘 알려진 입문 영상이다.

3장 · TidalCycles — 알고레이브의 본가

**Alex McLean**이 2009년부터 만들고 있는 TidalCycles는 **Haskell 라이브러리**다. 음악 라이브 코딩 씬에서 "표준어"에 가장 가깝다. 알고레이브에서 무대에 서는 사람의 7할이 Tidal로 친다.

핵심 아이디어: **모든 패턴은 함수다.** 그리고 시간은 cycle 단위로 흐른다.

d1 $ s "bd*4 [~ sn] cp hh*8"

이 한 줄을 설명하면:

- `d1` — 슬롯 1번 (d1, d2, ..., d16까지 동시에 16개 슬롯)

- `s "..."` — sample 패턴

- `bd*4` — 한 cycle 안에 베이스드럼 4번

- `[~ sn]` — `[]` 안은 다시 한 묶음, `~`은 쉼표

- `cp hh*8` — 클랩 한 번, 하이햇 8번

이게 mini-notation의 기본. 진짜 힘은 **변환 함수**에서 나온다.

d1 $ fast 2 $ rev $ every 4 (# speed 2) $ s "bd*4 sn cp hh*8"

`fast 2`로 두 배 빠르게, `rev`로 거꾸로, `every 4`로 4 cycle마다 `speed 2`(피치 업) — 이 모든 게 **함수 합성**으로 표현된다. Haskell의 `$`와 `.`가 라이브 코딩에 절묘하게 들어맞는 이유다.

**TidalCycles가 강한 이유:**

- **수학적으로 완결된 패턴 대수** — `every`, `sometimes`, `chunk`, `striate`, `chop`, `juxby` 등 수십 가지 변환을 자유롭게 합성

- **OSC**로 SuperDirt(SuperCollider 기반 샘플러)에 신호를 보낸다 — 사운드 엔진은 SuperCollider, 패턴 언어는 Haskell, 둘이 명확히 분리

- **GHCi REPL**로 무대 위에서 실시간 컴파일

**약점:**

- Haskell + SuperCollider + OSC + Atom/Pulsar 에디터 — **설치가 악명 높다**. 2026년에도 그렇다.

- Mac/Linux는 비교적 쉽지만, 윈도우 환경은 여전히 까다롭다.

**누가 쓰나:** 알고레이브 무대에 서는 거의 모든 사람. ICLC(International Conference on Live Coding) 발표자의 절반.

설치가 부담이면 다음 장의 Strudel로 가자. 같은 mini-notation을 **브라우저**에서 그대로 쓸 수 있다.

4장 · Strudel — TidalCycles를 브라우저로

**Strudel**(https://strudel.cc/)은 2022년 Felix Roos가 시작한 **JavaScript 포트**다. "TidalCycles를 설치 없이 브라우저에서"라는 단 한 가지 목표를 위해 만들어졌다.

2026년 기준으로 strudel.cc에 접속해서 곧바로 칠 수 있다. 설치, 의존성, 컴파일러 — 아무것도 없다.

stack(

s("bd*4 sn cp hh*8"),

note("c2 eb2 g2 bb2").s("sawtooth").lpf(800),

s("rim*8").gain(0.6)

).cpm(140)

문법이 TidalCycles와 거의 같다. `s`(sample), `note`, mini-notation, 변환 함수까지 그대로. 차이는 Haskell의 `$` 대신 메서드 체이닝(`.lpf(800)`)을 쓴다는 정도.

**Strudel이 결정적인 이유:**

- **설치 = 0초.** strudel.cc만 열면 된다.

- **Web Audio + Web MIDI** 풀스택. 음원도 브라우저 안에서 다 만든다.

- **공유가 URL** — 코드가 URL에 인코딩되어, 누가 만든 셋을 트윗 한 줄로 공유한다.

- **Tidal과 패턴 호환** — Tidal에서 짠 패턴이 거의 그대로 동작.

**한계:**

- Web Audio 한계로 SuperDirt 만큼의 음색 다양성은 아직 부족

- 브라우저 탭이 닫히면 끝 — 안정성은 네이티브에 비해 약간 떨어짐

**누가 쓰나:** 라이브 코딩 입문자, 교실(설치 권한 없는 학생들), 즉흥 잼 세션, 트윗으로 패턴 공유하는 SNS 라이브 코더들.

2026년 기준 "라이브 코딩을 한 번 만져보고 싶다"는 사람에게 가장 먼저 권하는 도구다.

5장 · Estuary — 협업 라이브 코딩

**David Ogborn**(맥마스터대학) 팀이 만든 Estuary(https://estuary.mcmaster.ca/)는 **여러 명이 동시에 같은 화면에 코딩하는** 라이브 코딩 환경이다. 구글 도큐먼트의 라이브 코딩 버전이라고 생각하면 된다.

특이점은 **하나의 환경에서 여러 언어를 동시에** 쓴다는 것. 각 패널이 다른 언어로 동작한다.

- **MiniTidal** — TidalCycles 미니 노테이션 (음악)

- **Punctual** — Ogborn 본인이 만든 함수형 셰이더 DSL (비주얼)

- **CineCer0** — 비디오 합성

- **Hydra** — 비디오 신스 (Olivia Jack)

- **TimeNot** — 시간 표기

여러 명이 각자 패널을 잡고, **같은 BPM에 잠긴 채** 동시에 무대를 만든다. 코로나 시기에 원격 알고레이브로 큰 주목을 받았고, 지금도 LiveCodeFest의 단골 도구다.

**Estuary가 특별한 이유:**

- 설치 없음, 브라우저 + 회원가입만으로 시작

- **여러 언어 동시 사용** — 한 명은 Tidal, 한 명은 Hydra, 한 명은 Punctual

- Tidal/Hydra/Punctual을 **하나의 시간축에 동기화**

**한계:**

- 한국·일본에서 접속할 때 서버 응답이 느릴 수 있음(맥마스터 서버)

- 단독 라이브용보다는 협업/교육용 셋업

**누가 쓰나:** 라이브 코딩 워크숍 강사, 원격 잼 세션, 학교 동아리, 알고레이브 합주.

6장 · ORCΛ — esoteric 시퀀서

**Hundredrabbits**(Devine Lu Linvega + Rek Bell)의 ORCΛ(또는 Orca, https://hundredrabbits.itch.io/orca)는 **세 글자짜리 셀로 구성된 esoteric 라이브 코딩 환경**이다. 외계어처럼 보이고, 실제로도 그렇다.

.A.....

.0A8...

.......

.D8....

각 알파벳이 **연산자**다. `A`는 add, `B`는 subtract, `D`는 divide, `T`는 track, `*`는 bang. 셀들이 매 프레임마다 자기 주변 셀에 신호를 보내며 동작한다. 일종의 **2D 셀룰러 오토마타 + 시퀀서 + 비주얼 프로그래밍**의 잡종이다.

Orca 자체는 소리를 내지 않는다. **MIDI/OSC를 내보내고**, 그걸 SuperCollider/Renoise/Ableton/Reaper로 받아서 소리를 낸다. "타이밍 엔진 + 시각적 시퀀서"로만 작동한다.

**Orca가 컬트적인 이유:**

- **모든 게 16x16 격자 위에서 보인다** — 무대에서 코드 화면이 그 자체로 비주얼이 된다

- **결정론적** — 같은 격자는 항상 같은 패턴을 낸다

- Devine 본인이 요트에서 솔라 전기로 작곡하는 영상이 컬트적

**한계:**

- 학습 곡선이 가파르다 — 처음 보면 정말 외계어

- 표준 음악 작법과 완전히 다른 사고가 필요

**누가 쓰나:** 노이즈/실험 전자음악, 제너러티브 아티스트, "남들과 다른 것"을 추구하는 라이브 코더.

7장 · FoxDot — Python으로 라이브 코딩

**Ryan Kirkbride**(University of Leeds)의 FoxDot은 **Python + SuperCollider** 조합이다. TidalCycles의 Haskell이 부담스러운 사람을 위한 파이썬 대안.

p1 >> pluck([0,2,4,3], dur=1/2, amp=0.8)

p2 >> bass([0,0,3,4], dur=2)

`p1`, `p2`는 **플레이어 객체**. `>>` 연산자로 악기와 패턴을 할당한다. SuperCollider가 백엔드라 음색은 사실상 SuperDirt와 같다.

**FoxDot의 자리:**

- Python을 이미 아는 개발자에게 **진입장벽 최저**

- TidalCycles만큼 강력한 패턴 대수는 아니지만, 충분히 라이브용

- 데이터 분석 코드와 같은 환경에서 작곡할 수 있음(주피터에서도 동작)

**한계:**

- 커뮤니티가 작아져서 업데이트가 뜸하다(2024~2025년 사이 활동 감소)

- TidalCycles/Strudel만큼 변환 함수가 풍부하지 않음

**누가 쓰나:** Python을 쓰는 개발자, 데이터 아티스트, 머신러닝 ↔ 라이브 코딩 크로스오버.

8장 · SuperCollider / Pure Data / Max/MSP — 클래식 환경

이 세 환경은 라이브 코딩의 **인프라**다. 위에서 본 TidalCycles, FoxDot, Sonic Pi 모두 SuperCollider를 사운드 엔진으로 쓴다. Pure Data와 Max/MSP는 **비주얼 패치**의 양대 표준이다.

SuperCollider

1996년 James McCartney가 만들기 시작한 **sclang + scsynth** 아키텍처. 언어(sclang)와 신디사이저(scsynth)가 OSC로 분리되어 있다.

{ SinOsc.ar(440) * 0.2 }.play

이 한 줄이 440Hz 사인파를 낸다. SuperCollider의 진짜 힘은 **SynthDef** — 재사용 가능한 신디사이저 정의다.

SynthDef(\bass, { |freq=110, amp=0.5|

var sig = LFSaw.ar(freq) * LFPulse.kr(2);

sig = RLPF.ar(sig, freq * 4, 0.3);

Out.ar(0, sig * amp)

}).add;

2026년에도 SuperCollider는 **표준**이다. NIME 논문의 절반, 라이브 코딩 사운드 엔진의 7할이 SuperCollider 기반이다.

Pure Data (Pd)

**Miller Puckette**가 IRCAM 시절 만든 Max를 오픈소스로 다시 짠 것. 노드와 케이블로 신호 흐름을 그린다.

- **무료, 오픈소스**

- Raspberry Pi · 임베디드에서 잘 돈다

- Pd-extended에 외부 라이브러리 풍부

- 학계, 사운드 아트, 인스톨레이션에서 표준

Max/MSP (Cycling '74, Ableton 자회사)

Max는 Pd의 상업판이자 형. 셋이 같은 뿌리(Max → Pd → Max/MSP)다.

- **유료**(개인 라이선스 약 USD 399, 구독 USD 9.99/월)

- Max for Live로 Ableton Live와 직접 통합

- Jitter로 비디오/3D까지 한 환경에서

- 미디어 아트 학교(NYU ITP, Goldsmiths, GSAS)에서 표준

**클래식 vs 라이브 코딩**: SuperCollider/Pd/Max는 라이브 코딩에도 쓰이지만 **본질적으로는 환경**이다. 무대 위에서 코드를 타이핑하는 미학을 추구한다면 그 위에 TidalCycles/Sonic Pi/FoxDot이 얹힌다. "스튜디오에서 완성된 패치"를 무대에 가져가는 게 본업이라면 Max/MSP를 그대로 쓴다.

9장 · Hydra — 가장 인기있는 비디오 신스

**Olivia Jack**의 Hydra(https://hydra.ojack.xyz/)는 2018년에 등장해서 5년 만에 **라이브 코딩 비주얼의 표준**이 되었다. 알고레이브에서 무대 뒤편 비주얼의 7~8할이 Hydra다.

핵심: **JavaScript 함수형 DSL + WebGL 셰이더**. 브라우저 한 탭이면 끝.

osc(20, 0.1, 0.8)

.kaleid(4)

.color(2, 0.5, 1)

.modulate(noise(3, 0.5))

.out()

한 줄씩 해석:

- `osc(20, 0.1, 0.8)` — 20개 줄무늬 oscillator, 빠른 변화, 밝기 0.8

- `.kaleid(4)` — 4면 만화경

- `.color(2, 0.5, 1)` — 색상 곱셈

- `.modulate(noise(3, 0.5))` — 노이즈로 변형

- `.out()` — 화면에 출력

Hydra의 핵심 아이디어는 **함수 체이닝 = 비디오 합성**. `osc`, `noise`, `voronoi`, `shape`, `gradient`가 **소스**이고, `.kaleid`, `.modulate`, `.rotate`, `.scale`, `.colorama`가 **변환**이다.

**Hydra가 결정적인 이유:**

- **설치 0초** — 브라우저 한 탭

- **카메라/외부 영상 합성** — `s0.initCam()`으로 웹캠 끌어와서 셰이더에 통과

- **여러 채널** — `o0`, `o1`, `o2`, `o3` 출력을 서로 modulate

- 코드가 매우 짧다 — 5줄로 사이키델릭 비주얼

**한계:**

- 텍스트/2D 그래픽 표현은 제한적 — 셰이더 기반이라 "선과 글자"는 어려움

- 복잡한 씬 그래프는 p5/TouchDesigner가 낫다

**누가 쓰나:** 알고레이브 VJ, 라이브 코딩 듀오(음악 + 비주얼), 클럽 비주얼리스트.

2026년 기준 라이브 코딩 비주얼을 한 시간 안에 무대 수준으로 만들 수 있는 유일한 도구.

10장 · Punctual / p5.js — 코드 + 시각

Punctual

David Ogborn(Estuary의 그 사람)의 **Punctual**은 함수형 셰이더 DSL이다. Hydra와 비슷하지만, **사운드도 같이 다룬다**.

saw [220,330,440] >> centre;

fb sin saw 0.1 >> rgb;

오디오와 비디오가 같은 함수형 표현에서 나온다. 학술적이고 미니멀한 미학.

p5.js

**Lauren McCarthy**의 p5.js는 **Processing의 웹 버전**. 라이브 코딩 전용은 아니지만, "코드로 그림 그리기"의 대명사로 매년 새 세대를 길러낸다.

function setup() { createCanvas(800, 800); }

function draw() {

background(0);

for (let i = 0; i < 100; i++) {

let x = noise(i, frameCount * 0.01) * width;

let y = noise(i + 100, frameCount * 0.01) * height;

circle(x, y, 5);

}

라이브 코딩 무대보다는 **인스타그램 + 미디어 아트 갤러리**의 표준 도구. Hydra가 라이브에 강하면, p5.js는 **제너러티브 아트**에 강하다.

**한계:**

- 라이브 리로드가 자연스럽지 않음 — `function draw()`를 통째로 바꾸면 깜빡임

- 복잡한 셰이더보다는 2D 캔버스에 강함

**누가 쓰나:** 미디어 아트 학생, 인스타그램/SNS 아티스트, NFT 제너러티브, 교육.

11장 · openFrameworks / Cinder — C++ 진영

비주얼 라이브 코딩의 **헤비웨이트 진영**. 코드를 짜고 컴파일해서 실행하는 식이라 무대에서 키보드를 두드리는 라이브 코딩과는 결이 다르지만, **인스톨레이션과 콘서트 비주얼**의 표준이다.

openFrameworks (oF)

**Zach Lieberman, Theo Watson, Arturo Castro**가 만든 C++ 크리에이티브 코딩 툴킷. Processing/p5의 정신을 C++에 가져왔다.

void ofApp::draw() {

ofBackground(0);

for (int i = 0; i < 1000; i++) {

float x = ofNoise(i, ofGetFrameNum() * 0.01) * ofGetWidth();

float y = ofNoise(i + 100, ofGetFrameNum() * 0.01) * ofGetHeight();

ofDrawCircle(x, y, 5);

}

p5.js 코드와 거의 1:1 대응. 다만 C++라 **속도가 다르다.** 4K 60fps, 수십만 파티클, 다중 GPU 까지 처리 가능.

Cinder

**Andrew Bell**(Barbarian Group)이 만든 C++ 크리에이티브 코딩 프레임워크. oF보다 더 "프로페셔널" 지향 — API가 더 엄격하고 OOP스럽다.

**oF vs Cinder**: 학교/오픈소스는 oF, 광고대행사·인스톨레이션·뮤지엄은 Cinder 쪽이 더 자주 보인다. 둘 다 헤비웨이트.

**누가 쓰나:** 인스톨레이션 스튜디오(teamLab, Random International, Nexus Interactive Arts), 광고/방송 비주얼 외주, 박물관 미디어 콘텐츠.

12장 · TouchDesigner / Notch / Resolume / vvvv

**노드 베이스 비주얼 프로그래밍**의 4대장. 코드를 타이핑하는 라이브 코딩과 결이 다르지만, **무대 비주얼과 미디어 아트 현장**에서 압도적 점유율을 가진다.

TouchDesigner (Derivative)

캐나다 Derivative의 TouchDesigner는 **노드 그래프 + 파이썬 + GLSL**이다. 미디어 아트 스튜디오의 표준.

- **GPU 가속**이 기본 — 4K 멀티스크린이 일상

- **TOP/CHOP/DAT/COMP** 카테고리로 노드 분류 (텍스처/채널/데이터/컴포넌트)

- **Python 스크립팅** — 노드 그래프 안에서 파이썬 호출

- **Educational 무료**, Commercial USD 600/년

한국 미디어 아트 스튜디오(D'STRICT, a'strict, KOOO, Studio Locus Solus)의 90%가 TouchDesigner를 쓴다. 코엑스 K-Wave, 명동 라이트 페스티벌, DDP 미디어 파사드 — 거의 다 TouchDesigner다.

Notch

영국 Notch의 **Notch**는 **실시간 모션 디자인 + LED 월** 전용. After Effects의 라이브 버전이라고 생각하면 가깝다.

- TouchDesigner보다 더 **모션 그래픽** 지향

- 컨서트 투어(Coldplay, Billie Eilish, BTS)에서 자주 쓰임

- 미디어 서버(d3, disguise) 워크플로우와 깊이 통합

- 라이선스 비용이 비싸다(연간 수천 달러)

Resolume Avenue / Arena

네덜란드 Resolume의 **Avenue/Arena**는 **VJ 소프트웨어**. 클립 기반 라이브 비디오 믹싱.

- 무대 VJ의 표준(70~80%)

- Avenue는 USD 약 449, Arena(여러 출력)는 USD 약 899

- Ableton Link, MIDI, OSC 통합

라이브 코딩과는 다르지만, **Hydra → Spout/Syphon → Resolume**으로 라이브 코딩 결과물을 클럽 VJ 셋에 합성하는 워크플로우가 표준이다.

vvvv

독일 vvvv group의 **vvvv**는 윈도우 전용 노드 베이스 비주얼 프로그래밍. **vvvv gamma**(2020+)는 .NET 기반으로 다시 짜였다.

- 인스톨레이션, 광고, 인터랙티브 아트에 강함

- 학습곡선이 가파르지만 한 번 익히면 강력

- 독일·오스트리아 미디어 아트 씬의 중심

13장 · Renoise — 트래커가 돌아왔다

**Renoise**는 80~90년대 트래커(Amiga의 ProTracker)의 후예다. **세로로 흐르는 셀**에 노트를 적는 인터페이스.

| 00 | C-4 01 .. .... |

| 01 | --- .. .. .... |

| 02 | E-4 01 .. .... |

| 03 | --- .. .. .... |

| 04 | G-4 01 .. .... |

| 05 | --- .. .. .... |

각 행이 16분음표(혹은 더 짧은) 슬롯. 노트 + 악기 번호 + 볼륨 + 이펙트 명령어로 한 줄이 끝난다.

**Renoise의 자리:**

- **Lua 스크립팅** — 거의 모든 게 Lua로 커스텀 가능

- **Redux**(Renoise의 샘플러)는 Ableton/Logic에서도 쓰임

- 데모씬(demoscene)과 칩튠 음악의 표준

**라이브 코딩과의 연결:**

- Orca와 짝이 잘 맞는다 — Orca가 MIDI/OSC를 내보내고 Renoise가 받는다

- Renoise 안에서 Lua로 패턴을 생성하는 라이브 코딩 셋도 가능

**누가 쓰나:** 데모씬 작곡가, 칩튠, 인디 게임 음악, 클래식 트래커 사용자.

14장 · TOPLAP / 알고레이브 / LiveCodeFest / NIME / ICLI

라이브 코딩의 **커뮤니티 + 학회 지도**.

TOPLAP

**TOPLAP**(http://toplap.org/)은 2004년 함부르크에서 결성된 라이브 코딩 커뮤니티다. 명칭은 "Temporal Organisation for the Permanence/Proliferation/Promotion of Live Algorithm Programming"의 약자라는 농담 같은 정의가 공식이다.

- 매년 **TOPLAP 선언문**을 갱신 — "코드를 보여라(Show us your screens)"가 핵심 강령

- 알고레이브 운동의 모체

- 매년 12월 **International Conference on Live Coding (ICLC)** 개최

Algorave

**Algorave**는 알고리즘 + 레이브의 합성어. 2012년 Alex McLean과 Nick Collins가 셰필드에서 시작했다. 정의는 단순하다.

- 모든 음악과 비주얼이 **알고리즘으로 실시간 생성**

- 코드는 **스크린에 그대로 비친다**(관객이 보도록)

- 댄스 음악이지만, "랩탑 + 프로젝터"가 무대다

2026년 현재 도쿄, 베를린, 멕시코시티, 부에노스아이레스, 서울, 시드니에서 정기적으로 열린다.

LiveCodeFest

**LiveCodeFest**(http://livecode.demozoo.org/ 등)는 24~48시간짜리 라이브 코딩 페스티벌. 매년 여러 도시에서 분산 개최되며 온라인 스트리밍도 한다. 2025/2026년 시즌은 베를린·도쿄·서울·멕시코시티 등에서 라인업이 잡혔다.

NIME — New Interfaces for Musical Expression

**NIME**(https://www.nime.org/)은 2001년 시작된 학회. "음악적 표현을 위한 새로운 인터페이스"라는 이름 그대로, **악기·인터페이스·시스템** 전반의 학술 발표.

- 매년 다른 도시에서 개최(2024 ASU, 2025 KAIST 서울, 2026 캐나다)

- 라이브 코딩, 햅틱 악기, 뇌파 악기, AI 작곡 시스템 등 광범위

- 라이브 코딩 논문의 5할이 NIME에 발표됨

ICLI — International Conference on Live Interfaces

**ICLI**는 좀 더 **퍼포먼스 지향** 학회. NIME이 인터페이스 자체에 집중한다면 ICLI는 "라이브 퍼포먼스로서의 인터페이스"를 다룬다.

15장 · 한국 / 일본 — 동아시아 라이브 코딩 씬

한국

2024~2025년 사이에 **한국 라이브 코딩 페스티벌**이 본격 시작되었다.

- **NIME 2025**가 KAIST 서울 캠퍼스에서 개최(2025년 6월) — 한국 라이브 코딩 씬의 분기점

- **서울 알고레이브** 정기 이벤트(홍대/문래 일대)

- KAIST 문화기술대학원, 서울대 음악대학, 한국예술종합학교 융합예술센터가 학계 거점

- 미디어 아트 쪽으로는 **D'STRICT, a'strict, 백남준아트센터, ZER01NE**가 거점

한국 씬의 특징:

- **TouchDesigner 점유율이 비정상적으로 높다** — 미디어 파사드 산업이 크기 때문

- **TidalCycles/Strudel/Hydra** 커뮤니티는 아직 작지만 빠르게 성장(슬랙, 디스코드)

- 학교 음악교육의 Sonic Pi 도입은 아직 미미 — 영국과 큰 격차

일본

도쿄는 알고레이브의 **아시아 거점**이다.

- **Tokyo Demo Fest**(매년 2월) — 데모씬의 일본 본거지, 라이브 코딩 라인업 포함

- **Real Algorave**(도쿄/오사카) — 비정기적이지만 강력한 라인업

- **renick falls, hosi, kindohm** 등 일본 라이브 코더들이 국제 무대에서 활약

- **dezaina.net, fal.cn 블로그**가 일본어로 라이브 코딩 + TouchDesigner 자료 풍부

도쿄/오사카는 **demoscene + 라이브 코딩 + chiptune** 삼각형이 견고하다. Renoise 사용자 비율도 높다.

16장 · 누가 라이브 코딩을 배워야 하나

대상별 진입 경로 표.

┌───────────────────┬──────────────────────────────────────────┐

│ 학생 (중고등) │ Sonic Pi → Strudel → Hydra │

│ │ (브라우저만 있으면 됨, 설치 0) │

├───────────────────┼──────────────────────────────────────────┤

│ 음악가/뮤지션 │ Sonic Pi → TidalCycles → SuperCollider │

│ │ (Ableton Link로 기존 셋업과 동기화) │

├───────────────────┼──────────────────────────────────────────┤

│ 개발자 (Python) │ FoxDot → Strudel → TidalCycles │

├───────────────────┼──────────────────────────────────────────┤

│ 개발자 (JS) │ Strudel → Hydra → Punctual │

├───────────────────┼──────────────────────────────────────────┤

│ VJ / 비주얼리스트 │ Hydra → TouchDesigner → Resolume │

├───────────────────┼──────────────────────────────────────────┤

│ 미디어 아티스트 │ TouchDesigner → openFrameworks → Notch │

├───────────────────┼──────────────────────────────────────────┤

│ 데모씬 / 칩튠 │ Renoise → Orca → SuperCollider │

├───────────────────┼──────────────────────────────────────────┤

│ 학계 연구자 │ SuperCollider → Max/MSP → NIME 논문 │

└───────────────────┴──────────────────────────────────────────┘

학생/입문자에게 가장 권장하는 90일 코스.

**Week 1~2: Sonic Pi.** 학교/집에서 설치 5분. 첫날부터 비트가 난다. Sam Aaron의 공식 튜토리얼만 따라가도 30개 챕터.

**Week 3~4: Strudel.** 브라우저에서 strudel.cc 열고 30분에 첫 셋. mini-notation을 익힌다.

**Week 5~6: Hydra.** Olivia Jack의 hydra.ojack.xyz에서 5분에 첫 비주얼. `osc().out()`부터.

**Week 7~8: Strudel + Hydra 연동.** 같은 브라우저 탭에서 둘을 동기화. 알고레이브 솔로 셋의 최소 구성.

**Week 9~12: TidalCycles 또는 TouchDesigner 선택.** 음악 깊게 갈지(TidalCycles), 비주얼/미디어 아트로 확장할지(TouchDesigner) 결정.

이 코스 끝나면 **로컬 알고레이브 오픈 스테이지**에서 5분 셋 정도는 칠 수 있다.

17장 · 마치며 — 코드는 무대 의상이다

라이브 코딩 씬에는 오랜 격언이 있다. **"Show us your screens"** — 코드를 가리지 말고 보여라. 관객이 코드를 읽을 수 있어야, 그게 라이브 코딩이다.

이 한 줄에는 두 가지 의미가 있다.

- **투명성** — 마법이 아니라 알고리즘이다. 관객이 알고리즘이 작동하는 걸 본다.

- **취약성** — 무대 위에서 타이핑하다 컴파일 에러 나면 그대로 보인다. 사람이 거기 있다는 증거다.

2026년의 라이브 코딩은 더 이상 변두리가 아니다. 학교 교실에서 Sonic Pi가 돈다. 토요일 밤 클럽에서 TidalCycles가 돈다. 화요일 미디어 아트 스튜디오에서 TouchDesigner가 돈다. 그리고 그 사이에 **알고레이브**라는 이름의 작은 운동이 15년째 같은 슬로건을 외친다.

코드는 무대 의상이다. 잘 입자.

참고 / References

- [Sonic Pi 공식](https://sonic-pi.net/)

- [Sam Aaron — Programming as Performance (TED)](https://www.ted.com/talks/sam_aaron_programming_as_performance)

- [TidalCycles 공식](https://tidalcycles.org/)

- [Strudel 공식](https://strudel.cc/)

- [Strudel GitHub](https://github.com/tidalcycles/strudel)

- [Estuary](https://estuary.mcmaster.ca/)

- [ORCΛ — Hundredrabbits](https://hundredrabbits.itch.io/orca)

- [Devine Lu Linvega — Hundredrabbits](https://100r.co/)

- [FoxDot](https://foxdot.org/)

- [SuperCollider 공식](https://supercollider.github.io/)

- [Pure Data](https://puredata.info/)

- [Max/MSP — Cycling '74](https://cycling74.com/)

- [Hydra — Olivia Jack](https://hydra.ojack.xyz/)

- [Hydra GitHub](https://github.com/ojack/hydra)

- [Punctual](https://github.com/dktr0/Punctual)

- [p5.js 공식](https://p5js.org/)

- [Processing 공식](https://processing.org/)

- [openFrameworks](https://openframeworks.cc/)

- [Cinder](https://libcinder.org/)

- [TouchDesigner — Derivative](https://derivative.ca/)

- [Notch](https://www.notch.one/)

- [Resolume](https://resolume.com/)

- [vvvv](https://vvvv.org/)

- [Renoise](https://www.renoise.com/)

- [TOPLAP](http://toplap.org/)

- [Algorave 공식](https://algorave.com/)

- [LiveCodeFest](https://livecodefest.toplap.org/)

- [NIME — New Interfaces for Musical Expression](https://www.nime.org/)

- [ICLC — International Conference on Live Coding](https://iclc.toplap.org/)

- [ICLI — International Conference on Live Interfaces](https://www.liveinterfaces.org/)

- [Tokyo Demo Fest](https://tokyodemofest.jp/)

- [Alex McLean — Yaxu](https://slab.org/)