1. 안녕! 인터랙티브 미디어아트

2021. 08. 18. 수

 

인터랙티브 미디어아트 책을 참고하여 하나씩 공부하고 실습하는 과정을 이 티스토리에 연재하려고 한다.

이 두꺼운 책을 완독하는 그 날이 오기를 바라는 마음으로 파이팅!

 

인터랙티브 미디어아트 1일차

 

📍 참고하는 책

 

책 <안녕! 인터랙티브 미디어아트> 이재민 저자

이 책에서는 아두이노, 프로세싱으로 컴퓨터와 대화하는 69가지 코딩 기술에 대하여 소개한다.

 

이재민 저자의 홈페이지 http://jaeminlee.net 

Jae Min Lee

 

📍 실습예제 소스 코드와 동영상, 이미지를 다운 받는 곳

 

안녕!미디어아트 네이버 카페

https://cafe.naver.com/hellomediaart 

안녕! 미디어아트 : 네이버 카페

 

---

 

📍 프로세싱을 공부하게 된 계기

 

나는 이 책을 블록님을 통해 알게 되었다.

블록님은 미디어아트와 앱개발에 관심이 많다.

 

나는 나만의 웹사이트를 만들고 싶어하고 블록님은 개발자로서의 이직을 준비하고 있는데 언젠가 이런 얘기들을 나누다가 인터랙티브한 웹사이트를 꾸미려면 프로세싱을 공부해보는 것이 좋겠다는 블록님의 추천에 이 두꺼운 책의 첫 장을 펼쳐 본다.

 

내가 마지막장까지 갈 수 있을까.

 

프로세싱 공부에 대한 필요성과 이 책을 추천해준 블록님에게 감사의 인사를 전하며 블록님의 티스토리 링크를 첨부한다.

 

https://blockbuildalive.tistory.com/

BLOCK의 BUILD live

 

저자에 의하면 이 <안녕!인터랙티브 미디어아트> 책은 아두이노와 프로세싱 관련 서적을 한 권 이상 읽어보신 분에게 추천한다고 했지만 나는 아두이노? 프로세싱? 아직 뭔지 하나도 모른다.

 

나 처럼 노베이스에 아무것도 모르는 사람이 하나씩 따라가면 어떻게 변화하는지 많이 지켜봐주셨으면 좋겠다.

(열심히 하겠슴다!)

 

---

📍 프로세싱이 무엇인가요?

 

그림을 그리는 언어 "프로세싱"

 

프로세싱은 프로그램 이름이다. 프로세싱이라는 프로그램은 전공자가 아닌 학생, 디자이너, 예술가들이 프로그래밍 언어를 배우지 않고 시각적 이미지와 인터랙션을 구현할 수 있도록 만들어진 프로그램이다.

 

현재 수많은 교육 기관에서 비전공자들에게 프로그래밍을 가르치기 위해 프로세싱이 사용되고 있으며, 많은 미디어아트 작가들이 프로세싱을 창작 도구로 사용해 관객의 참여에 따라 반응하는 '인터랙티브' 작품을 발표하고 있다.

 

이제는 컴퓨터 한 대만 있으면 그림까지 그릴 수 있는 세상인 것이다!

프로세싱을 배우는 것에 있어서 다른 필요한 것 없이 컴퓨터 한 대만 있으면 된다는 점이 굉장히 매력적이었다.

게다가 프로세싱은 무료 프로그램이다!

 

예를들어, 포토샵이나 일러스트 같은 그림을 그리는 프로그램들은 연필이나 붓 도구를 선택하고 마우스로 펜을 움직이며 그림을 그리지만, 프로세싱은 키보드로 텍스트를 입력할 수 있는 편집창에 다양한 명령어와 해당 숫자를 입력하는 방식으로 그림을 그린다.

 

프로세싱은 자바Java 언어로 만들었기 때문에 프로세싱 명령어로 작성한 프로그램은 내부적으로 자바 언어로 변환되어 스케치창으로 통해 실행된다. 

 

---

 

📍 프로세싱 다운로드 하는 방법

 

http://www.processing.org 

Welcome to Processing!

 

프로세싱 홈페이지에 접속해서 Download로 들어가 내 컴퓨터 운영체제에 맞는 녀석으로 다운로드한다.

(생각보다 용량이 커서 다운로드 받는데에 오래 걸려 놀랐다.)

 

---

 

📍 프로세싱으로 코딩하는 과정을 '스케치한다'고 표현한다

 

프로세싱은 코딩으로 그림을 그려나가는 것이기 때문에 스케치한다는 표현을 쓴다.

코딩하는 과정을 '스케치 한다'고 표현하며, 코딩한 파일은 '스케치'라고 부른다.

 

실제로 그림을 그릴 때도 4B연필로 여러번 선을 긋고 지웠다 다시 그리는 과정을 반복하는 것처럼 프로세싱으로 코딩 하는 것도 반복된 수정 작업을 통해 완성 시키는 과정이 필요하다.

 

• 프로세싱 PDE;  Processing Development Environment; 프로세싱 개발 환경
  : 프로세싱 언어를 이용하여 프로그램을 개발하고 실행시킬 수 있는 소프트웨어이다.

 

---

 

📍 편리한 작업을 위한 프로세싱 환경 설정

 

1. 언어 > 한국어, '다국어 언어 입력 허용'에 체크
2. 한글 폰트 선택, 윈도우는 '돋움체', '굴림체', '바탕체' 를 선택하고 맥OS 에서는 'Andale Mono', 'Apple Color Emoji', 'Birch Sted' 가 한글 지원이 되는 폰트이다.
3. 오타를 줄이기 위해 글꼴 크기는 '24' 정도로 키운다.
4. 전체 화면 보기 배경색상은 #000000으로 설정해 검은색 배경으로 한다.
5. 프로세싱에 할당되는 최대 메모리를 1GB(1,024MB)로 설정한다.