A field guide to

Interactive Media

입력하는 몸과 반응하는 화면.
웹에서 직접 만져보는 인터랙티브 미디어의 모든 것.

  • 17 demos
  • 04 chapters
  • Scroll ↓

( 인터랙티브 미디어란 )

인터랙티브 미디어는 보는 사람이 결과를 바꾸는 미디어다. 마우스의 궤적, 스크롤의 속도, 목소리의 크기, 손의 위치가 입력이 되고, 화면은 그 입력에 실시간으로 응답한다. 관객은 더 이상 관객이 아니라 공동 작가가 된다.

01

입력 Input

포인터, 터치, 스크롤, 소리, 카메라, 기울기. 몸의 움직임을 데이터로 바꾸는 단계.

02

처리 Process

물리 시뮬레이션, 셰이더, 신호 분석, 머신러닝. 입력을 의미 있는 변화로 해석하는 단계.

03

출력 Feedback

빛, 형태, 소리, 움직임. 60분의 1초 안에 돌아오는 반응이 '살아있다'는 감각을 만든다.

01

Pointer
& Gesture

가장 오래되고 가장 친숙한 입력. 커서의 위치와 속도, 누르고 끄는 동작, 손가락 여러 개의 거리와 각도까지. 포인터는 화면 속 세계를 직접 만지는 손이다.

02

Scroll
& Motion

스크롤은 시간 축이다. 사용자가 손가락으로 재생 헤드를 움직이고, 페이지는 그 진행도에 맞춰 장면을 연출한다. 이 챕터는 읽는 동안 이미 데모 안에 있다.

03

Sound
& Audio

Web Audio API는 브라우저 안의 모듈러 신시사이저다. 소리를 만들고, 분석하고, 공간에 배치한다. 헤드폰을 쓰면 더 좋다.

04

Camera,
Sensor &
Generative

카메라는 몸 전체를 입력으로 만들고, 기울기 센서는 기기를 컨트롤러로 바꾼다. 그리고 규칙만 주면 스스로 자라는 생성 예술까지. 영상은 기기 밖으로 전송되지 않는다.

05

A Short History

Now it's
your turn