바로콘으로 교보문고 소식 받기
바로콘 자세히보기
![[이북]매일 500원 북돋움캐시](https://simage.kyobobook.co.kr/ink/images/prom/2021/banner/210120/bnH_w04.jpg)
이 책의 이벤트 해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.
-
책을 통해 성장해나가는 개발자를 응원합니다.2017.06.22 ~ 2025.07.31
| ISBN | 9788966262588(8966262589) |
|---|---|
| 쪽수 | 464쪽 |
| 크기 | 185 * 235 * 32 mm /1009g 판형알림 |
책소개
이 책이 속한 분야
예술적 상상력으로 프로그래밍하라!
인터랙티브 미디어아트 창작의 세계
《안녕! 인터랙티브 미디어아트》는 프로세싱과 아두이노, 센서, 웹캠을 활용해서 관객이 참여할 수 있는 인터랙티브 미디어아트를 시작할 수 있도록 안내한다. 이 책은 메뉴와 기능을 먼저 살펴보는 방식이 아니라, 만들고 싶은 효과를 먼저 정하고 이 효과를 구현하기 위해 꼭 필요한 함수와 명령어를 골라서 배우는 방식을 취한다. 또 아두이노와 각종 센서를 활용하여 주변 환경의 변화와 관객의 참여에 따라 반응하는 예제도 만들어본다. 하나의 예제를 여러 방식으로 변형하는 과정을 통해 프로세싱 프로그램의 기본 사용법, 아두이노와 각종 센서의 활용 방법을 자연스럽게 익히도록 구성했다. 또 ‘작업노트’와 ‘책 속 갤러리’를 통해 저자와 선배 작가들의 무한한 상상력을 경험하고, 작품을 구상할 때 아이디어를 얻을 수 있다.
상세이미지
목차
0. 프로세싱 준비하기
0.1.프로세싱 설치하기
0.2.프로세싱 소프트웨어 살펴보기
0.3.프로세싱 실행하기
0.4.프로세싱 사용 전 필독!
1. 프로세싱으로 그림 그리기
1.1.숫자 표현하기
- 1.1.1.랜덤한 위치에 숫자 출력하기
- 1.1.2.원하는 폰트로 원형 안에 숫자 출력하기
- 1.1.3.특정 숫자의 출력 확률 조절하기
- 1.1.4.원 색깔을 지정하고 이미지로 저장하기
[작업노트] #오프라인 매장의 역습
1.2.문자 움직이기
- 1.2.1.랜덤한 위치에 그려지는 원들을 선으로 연결하기
- 1.2.2.랜덤한 위치에 출력되는 단어들을 선으로 연결하기
- 1.2.3.마우스 클릭한 위치에 ‘서시’의 한 행을 출력하기
- 1.2.4.키보드의 방향키로 ‘서시’ 이동시키기
- 1.2.5.지정축을 기준으로 ‘서시’ 3D 회전시키기
- 1.2.6.마우스 위치에 따라 ‘서시’ 회전 각도 변경하기
[작업노트] #미술관에서 만난 한글
1.3.이미지 출력하기
- 1.3.1.랜덤한 순서로 이미지 출력하기
- 1.3.2.랜덤한 순서로 출력되는 이미지에 다양한 필터 효과 주기
- 1.3.3.마우스 위치에 따라 이미지 출력하기
- 1.3.4.마우스 위치와 클릭으로 이미지 4등분하여 출력하기
- 1.3.5.마우스 움직임에 따라 이미지 크기 조절하고 회전시키기
- 1.3.6.마우스 클릭으로 랜덤한 이미지 출력하기
- 1.3.7.랜덤하게 출력되는 원형 픽셀로 점묘법 스케치하기
- 1.3.8.빠른 속도로 점묘법 스케치하기
[작업노트] #빛을 기록하는 카메라
1.4.시간 정보 활용하기
- 1.4.1.매초 색깔이 바뀌고 크기가 커지는 시계 만들기
- 1.4.2.도형의 크기와 색깔이 계속 바뀌는 시계 만들기
- 1.4.3.내가 좋아하는 단어가 함께 나오는 시계 만들기
- 1.4.4.연속된 이미지로 셀 애니메이션 만들기
- 1.4.5.마우스를 클릭한 위치에 셀 애니메이션 재생하기
[작업노트] #몰입하는 순간
1.5.수많은 파티클 제어하기
- 1.5.1.랜덤한 방향으로 흩어지는 파티클 만들기
- 1.5.2.눈 내리듯이 하늘에서 떨어지는 파티클 만들기
- 1.5.3.솟아오르는 문자 파티클 만들기
- 1.5.4.마우스 클릭으로 스케치창에 새로운 이미지 추가하기
[작업노트] #다다익선
1.6.이미지 픽셀 변형시키기
- 1.6.1.이미지 픽셀 크기와 개수 조절하기
- 1.6.2.사각형 픽셀로 이미지 그리기
- 1.6.3.원형 픽셀로 이미지 그리기
- 1.6.4.삼각형 픽셀로 이미지 그리기
- 1.6.5.문자 픽셀로 이미지 그리기
- 1.6.6.이미지 픽셀로 이미지 그리기
- 1.6.7.이미지 픽셀의 밝기값에 따라 픽셀 색깔 변경하기
[작업노트] #나무 거울
[책 속 갤러리 1] #혼미한 프로젝트
2. 프로세싱으로 프로젝션 매핑하기
2.1.스마트폰으로 촬영한 동영상 재생하기
- 2.1.1.동영상 반복 재생하기
- 2.1.2.마우스 클릭하는 동안만 동영상 재생하기
- 2.1.3.마우스 클릭으로 동영상 한 번만 재생시키기
[작업노트] #프로젝션 매핑
2.2.마스크 기능 활용하기
- 2.2.1.검은 사각형을 마스크로 활용하기
- 2.2.2.둥근 원형에 매핑하기
[작업노트] #후면투사
2.3.키스톤 라이브러리 활용하기
- 2.3.1.키스톤 스크린에서 마우스를 따라다니는 공
- 2.3.2.키스톤 스크린에 동영상 재생하기
[작업노트] #매핑의 묘미
2.4.다면 스크린 만들기
- 2.4.1.두 면의 키스톤 스크린 만들기
- 2.4.2.세 면의 키스톤 스크린 만들기
[작업노트] #프로젝션 매핑을 위한 상용 프로그램들
[책 속 갤러리 2] #자연물에 매핑하기
3. 아두이노 센서 정보 활용하기
3.0.아두이노 설치하기
- 3.0.1.아두이노 보드
- 3.0.2.아두이노 소프트웨어
- 3.0.3.아두이노 실행하기
- 3.0.4.아두이노 사용 전 필독!
3.1.수족관 시계
[작업노트] #사물인터넷
3.2.촛불 무드등
[작업노트] #아두이노 관련 추천 사이트
3.3.채소 합창단
[작업노트] #컴퓨터가 걸어간 길을 따라 걷고 있는 3D 프린터
3.4.바람 불어 그리기
[작업노트] #넛지 효과
3.5.관객의 키를 막대그래프로 그리기
[작업노트] #베란다 창업
[책 속 갤러리 3] #한강을 타고 남산을 돌아본다
4. 웹캠으로 입력되는 실시간 비디오 활용하기
4.1.웹캠으로 바라보기
- 4.1.1.실시간 비디오 캡처하기
- 4.1.2.마우스로 실시간 비디오 움직이기
- 4.1.3.이미지와 실시간 비디오 합성하기
- 4.1.4.녹화된 동영상과 실시간 비디오 합성하기
[작업노트] #거울 효과
4.2.실시간 비디오 픽셀 정보 활용하기
- 4.2.1.실루엣 이미지 만들기
- 4.2.2.스마트폰 플래시로 어둠 속 그림 밝히기
- 4.2.3.색깔 팔레트 만들기
- 4.2.4.사각형 픽셀로 실시간 비디오 재생하기
- 4.2.5.문자 픽셀로 실시간 비디오 재생하기
[작업노트] #컴퓨터 비전
4.3.관객의 얼굴 정보 활용하기
- 4.3.1.살바도르 달리의 콧수염
- 4.3.2.행운의 2달러 포토존
[작업노트] #스마트한 카메라, 키넥트 센서
[책 속 갤러리 4] #나비 발생기
5. 실전 프로젝트
5.1.감지된 만남
- 5.1.1.키 입력으로 인터랙션하기
- 5.1.2.아두이노에 인체 감지 센서를 2개 연결하여 인터랙션하기
[작업노트] #시대를 앞서가는 인터랙티브 미디어 아티스트 10
5.2.무지개 피아노
- 5.2.1.키보드에서 8개의 키를 입력하여 인터랙션하기
- 5.2.2.아두이노에 충돌 센서 8개를 연결하여 인터랙션하기
[작업노트] #사운드 아트
5.3.자동차 경주
- 5.3.1.프로세싱에서 자동차 조종하기
- 5.3.2.아두이노로 자동차 조종하기
[작업노트] #키네틱 아트
5.4.비디오 신디사이저
[작업노트] #라이트 아트
5.5.떨어지는 파티클 가지고 놀기
[작업노트] #텍스트 레인
5.6.웹 미술관 오픈하기
- 5.6.0 p5.js 모드로 웹 문서 만들기
- 5.6.1. 마우스로 그림 그리는 웹 사이트
- 5.6.2. 점묘법 그림이 그려지는 인터랙티브 웹 미술관
작업노트#인터넷 아트
[책 속 갤러리 5] #양산 남부시장
[책 속 갤러리 5] #Nation on Border
0.1.프로세싱 설치하기
0.2.프로세싱 소프트웨어 살펴보기
0.3.프로세싱 실행하기
0.4.프로세싱 사용 전 필독!
1. 프로세싱으로 그림 그리기
1.1.숫자 표현하기
- 1.1.1.랜덤한 위치에 숫자 출력하기
- 1.1.2.원하는 폰트로 원형 안에 숫자 출력하기
- 1.1.3.특정 숫자의 출력 확률 조절하기
- 1.1.4.원 색깔을 지정하고 이미지로 저장하기
[작업노트] #오프라인 매장의 역습
1.2.문자 움직이기
- 1.2.1.랜덤한 위치에 그려지는 원들을 선으로 연결하기
- 1.2.2.랜덤한 위치에 출력되는 단어들을 선으로 연결하기
- 1.2.3.마우스 클릭한 위치에 ‘서시’의 한 행을 출력하기
- 1.2.4.키보드의 방향키로 ‘서시’ 이동시키기
- 1.2.5.지정축을 기준으로 ‘서시’ 3D 회전시키기
- 1.2.6.마우스 위치에 따라 ‘서시’ 회전 각도 변경하기
[작업노트] #미술관에서 만난 한글
1.3.이미지 출력하기
- 1.3.1.랜덤한 순서로 이미지 출력하기
- 1.3.2.랜덤한 순서로 출력되는 이미지에 다양한 필터 효과 주기
- 1.3.3.마우스 위치에 따라 이미지 출력하기
- 1.3.4.마우스 위치와 클릭으로 이미지 4등분하여 출력하기
- 1.3.5.마우스 움직임에 따라 이미지 크기 조절하고 회전시키기
- 1.3.6.마우스 클릭으로 랜덤한 이미지 출력하기
- 1.3.7.랜덤하게 출력되는 원형 픽셀로 점묘법 스케치하기
- 1.3.8.빠른 속도로 점묘법 스케치하기
[작업노트] #빛을 기록하는 카메라
1.4.시간 정보 활용하기
- 1.4.1.매초 색깔이 바뀌고 크기가 커지는 시계 만들기
- 1.4.2.도형의 크기와 색깔이 계속 바뀌는 시계 만들기
- 1.4.3.내가 좋아하는 단어가 함께 나오는 시계 만들기
- 1.4.4.연속된 이미지로 셀 애니메이션 만들기
- 1.4.5.마우스를 클릭한 위치에 셀 애니메이션 재생하기
[작업노트] #몰입하는 순간
1.5.수많은 파티클 제어하기
- 1.5.1.랜덤한 방향으로 흩어지는 파티클 만들기
- 1.5.2.눈 내리듯이 하늘에서 떨어지는 파티클 만들기
- 1.5.3.솟아오르는 문자 파티클 만들기
- 1.5.4.마우스 클릭으로 스케치창에 새로운 이미지 추가하기
[작업노트] #다다익선
1.6.이미지 픽셀 변형시키기
- 1.6.1.이미지 픽셀 크기와 개수 조절하기
- 1.6.2.사각형 픽셀로 이미지 그리기
- 1.6.3.원형 픽셀로 이미지 그리기
- 1.6.4.삼각형 픽셀로 이미지 그리기
- 1.6.5.문자 픽셀로 이미지 그리기
- 1.6.6.이미지 픽셀로 이미지 그리기
- 1.6.7.이미지 픽셀의 밝기값에 따라 픽셀 색깔 변경하기
[작업노트] #나무 거울
[책 속 갤러리 1] #혼미한 프로젝트
2. 프로세싱으로 프로젝션 매핑하기
2.1.스마트폰으로 촬영한 동영상 재생하기
- 2.1.1.동영상 반복 재생하기
- 2.1.2.마우스 클릭하는 동안만 동영상 재생하기
- 2.1.3.마우스 클릭으로 동영상 한 번만 재생시키기
[작업노트] #프로젝션 매핑
2.2.마스크 기능 활용하기
- 2.2.1.검은 사각형을 마스크로 활용하기
- 2.2.2.둥근 원형에 매핑하기
[작업노트] #후면투사
2.3.키스톤 라이브러리 활용하기
- 2.3.1.키스톤 스크린에서 마우스를 따라다니는 공
- 2.3.2.키스톤 스크린에 동영상 재생하기
[작업노트] #매핑의 묘미
2.4.다면 스크린 만들기
- 2.4.1.두 면의 키스톤 스크린 만들기
- 2.4.2.세 면의 키스톤 스크린 만들기
[작업노트] #프로젝션 매핑을 위한 상용 프로그램들
[책 속 갤러리 2] #자연물에 매핑하기
3. 아두이노 센서 정보 활용하기
3.0.아두이노 설치하기
- 3.0.1.아두이노 보드
- 3.0.2.아두이노 소프트웨어
- 3.0.3.아두이노 실행하기
- 3.0.4.아두이노 사용 전 필독!
3.1.수족관 시계
[작업노트] #사물인터넷
3.2.촛불 무드등
[작업노트] #아두이노 관련 추천 사이트
3.3.채소 합창단
[작업노트] #컴퓨터가 걸어간 길을 따라 걷고 있는 3D 프린터
3.4.바람 불어 그리기
[작업노트] #넛지 효과
3.5.관객의 키를 막대그래프로 그리기
[작업노트] #베란다 창업
[책 속 갤러리 3] #한강을 타고 남산을 돌아본다
4. 웹캠으로 입력되는 실시간 비디오 활용하기
4.1.웹캠으로 바라보기
- 4.1.1.실시간 비디오 캡처하기
- 4.1.2.마우스로 실시간 비디오 움직이기
- 4.1.3.이미지와 실시간 비디오 합성하기
- 4.1.4.녹화된 동영상과 실시간 비디오 합성하기
[작업노트] #거울 효과
4.2.실시간 비디오 픽셀 정보 활용하기
- 4.2.1.실루엣 이미지 만들기
- 4.2.2.스마트폰 플래시로 어둠 속 그림 밝히기
- 4.2.3.색깔 팔레트 만들기
- 4.2.4.사각형 픽셀로 실시간 비디오 재생하기
- 4.2.5.문자 픽셀로 실시간 비디오 재생하기
[작업노트] #컴퓨터 비전
4.3.관객의 얼굴 정보 활용하기
- 4.3.1.살바도르 달리의 콧수염
- 4.3.2.행운의 2달러 포토존
[작업노트] #스마트한 카메라, 키넥트 센서
[책 속 갤러리 4] #나비 발생기
5. 실전 프로젝트
5.1.감지된 만남
- 5.1.1.키 입력으로 인터랙션하기
- 5.1.2.아두이노에 인체 감지 센서를 2개 연결하여 인터랙션하기
[작업노트] #시대를 앞서가는 인터랙티브 미디어 아티스트 10
5.2.무지개 피아노
- 5.2.1.키보드에서 8개의 키를 입력하여 인터랙션하기
- 5.2.2.아두이노에 충돌 센서 8개를 연결하여 인터랙션하기
[작업노트] #사운드 아트
5.3.자동차 경주
- 5.3.1.프로세싱에서 자동차 조종하기
- 5.3.2.아두이노로 자동차 조종하기
[작업노트] #키네틱 아트
5.4.비디오 신디사이저
[작업노트] #라이트 아트
5.5.떨어지는 파티클 가지고 놀기
[작업노트] #텍스트 레인
5.6.웹 미술관 오픈하기
- 5.6.0 p5.js 모드로 웹 문서 만들기
- 5.6.1. 마우스로 그림 그리는 웹 사이트
- 5.6.2. 점묘법 그림이 그려지는 인터랙티브 웹 미술관
작업노트#인터넷 아트
[책 속 갤러리 5] #양산 남부시장
[책 속 갤러리 5] #Nation on Border
추천사
유원준(영남대학교 미술학부 교수)
미디어아트는 어렵다!?? 미디어 아티스트를 희망하는 분들에게 자주 듣는 말입니다. 《안녕! 인터랙티브 미디어아트》는 새로운 기술과 결합한 예술을 직접 제작해보고 싶은 이들에게는 반가운 친구 같은 책입니다. 미디어아트를 제작하...
더보기
윤지현(연세대학교 디자인예술학부 교수)
코딩을 처음 접하는 사람도 쉽게 따라해 볼 수 있도록 원리와 개념을 친절하고 꼼꼼하게 설명하고, 창의적인 도전을 자극하고 유도한다. 이것을 어떻게 활용할 것인지는 독자들에게 달려 있다. 수학, 만들기, 미술, 문학, 영화, ...
더보기
쌈부장(KT&G 상상마당 교육사업부 기획자)
2015년 빛, 움직임, 소리의 디자인으로 만난 이재민 작가의 눈빛과 행동은 그 자체로 미디어아트요, 인터랙티브였다. 뚝딱뚝딱 만들어보는 미디어아트 과정은 재미있었고 참여한 사람들의 흥미와 열정은 조용한 일상을 생기로 가득 ...
더보기
Klover 리뷰 (0)
북로그 리뷰 (0) 쓰러가기
도서 구매 후 리뷰를 작성하시면
결제 90일 이내 300원, 발송 후 5일 이내 400원, 이 상품의 첫 리뷰 500원의 포인트를 드립니다.
포인트는 작성 후 다음 날 적립되며, 도서 발송 전 작성 시에는 발송 후 익일에 적립됩니다.
북로그 리뷰는 본인인증을 거친 회원만 작성 가능합니다.
(※ 외서/eBook/음반/DVD/GIFT 및 잡지 상품 제외) 안내
결제 90일 이내 300원, 발송 후 5일 이내 400원, 이 상품의 첫 리뷰 500원의 포인트를 드립니다.
포인트는 작성 후 다음 날 적립되며, 도서 발송 전 작성 시에는 발송 후 익일에 적립됩니다.
북로그 리뷰는 본인인증을 거친 회원만 작성 가능합니다.
(※ 외서/eBook/음반/DVD/GIFT 및 잡지 상품 제외) 안내
- 해당도서의 리뷰가 없습니다.
문장수집 (0) 문장수집 쓰기 나의 독서기록 보기
※구매도서의 문장수집을 기록하면 통합포인트 적립
안내
교환/반품/품절안내
※ 상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)
| 반품/교환방법 | 마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환신청 , [1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900) ※ 오픈마켓, 해외배송주문, 기프트 주문시 [1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900) |
|---|---|
| 반품/교환가능 기간 | 변심반품의 경우 수령 후 7일 이내, 상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내 |
| 반품/교환비용 | 변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담 |
| 반품/교환 불가 사유 |
|
| 상품 품절 | 공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는 이메일과 문자로 안내드리겠습니다. |
| 소비자 피해보상 환불지연에 따른 배상 |
|
기프트 BEST
![[에티카] 보건용 마스크 KF94 10매 X 3세트](http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1061/hot1600218739512.jpg)
![[쓰리잘비2] 만능 실리콘 빗자루 길이조절형](http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1667/hot1606620178349.jpg)
![[바이마르] 히든쉐프 통3중 IH 스텐가마솥 4종 택1](http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1101/hot1590489616404.jpg)
![[앵콜]코코도르 설날박스 [디퓨저3개+명절기프트백]](http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1809/hot1611122991495.jpg)
![[2/2출고] 아에르 어드밴스드 KF94 30매 (박스제공)](http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1797/hot1611019243490.jpg)
![[아에르] 어드밴스드 KF94 마스크 그레이 10매](http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1987/hot1608287016396.jpg)
LG U+ 구매안전서비스
▶서비스 가입 확인
고객님은 안전거래를 위해 현금 등으로 결제시 저희 쇼핑몰에서 가입한 LG유플러스의 구매안전서비스를 이용하실 수 있습니다.
정보보호관리체계
ISMS 인증획득
ISMS 인증획득
[인증범위] 온라인 교보문고 서비스 운영
[유효기간] 2020.11.04. ~ 2023.11.03.
