Shinnam Jeongi

vvvv는 사용자의 목적에 따라 다른 방법으로 접근할 수 있습니다.
다음은 vvvv의 주요 기능에 대한 개요를 몇가지 그룹으로 안내합니다.
■ vvvv는 다재다능한 툴킷입니다.
■ 이것은 하이브리드 비주얼/텍스쳐 개발 환경입니다.
■ 비영리 목적의 사용은 무료입니다. 상업용도로는  license 를 구입해야 합니다.

하이브리드 비주얼/텍스쳐 개발 환경










특히, vvvv는 게으른 개발자를 타겟으로 하여, 한번에 4가지 기능을 제공합니다.
■ 최고의 개발환경
■ 차세대 비주얼 프로그래밍 언어
■ 광대한 node/code 라이브러리
■ 실시간 환경
게다가 하나의 비주얼 언어 환경은 hlsl 과 c# 을 내포하고 있습니다.
vvvv '실시간' 입니다. 따라서 프로그래밍 초기 시절의 컴파일 과정을 갖지 않습니다.
작동에 필요한 컴파일은 보이지 않게 이뤄지며, 작업을 하는 동안 컴파일이 작업 진행을 방해하지 않습니다.


2D/3D 애니메이션










인터랙티브 실시간 2d/3d 가상의 파티클들을 움직이게 합니다. vvvv는 SVG, DirectX9 와 DirectX11*, 3가지 산업 표준 렌더링 엔진을 갖추고 있습니다.
이미지, 동영상을 불러오고 애니메이션을 만들고 generate에 적합니다. 3D 모델들에 텍스처를 입히거나 세이더를 적용하거나 라이팅을 줄 수도 있습니다.
내장된 타임라인을 이용하여 섬세한 키프레임 기반의 작업을 할 수도 있습니다. Box2D/Bullet* 피직스 엔진을 사용하여 차세대 멀티미디어 사용자가 되어봅시다.


멀티스크린 구성










처음부터, vvvv는 여러 프로젝터 혼합과 대형 설치를 관리 하기 위해서 만들어졌습니다. 특히, 지상에서 대규모 multiprojection 설치를 한다면, vvvv는 과감한 처리를 위해 다음과 같은 설정을 가지고 있습니다. boygrouping™이라 불리는 기술을 사용한 클라이언트 / 서버를 제공하여 여러 개의 클라이언트 컴퓨터가 여러 대가 한대의 서버로 편리하게 동기화 되어 비디오 재생, softedge, warping 그리고 blending 을 수행할 수 있습니다. 단지, 요구되는 출력과 스크린 수에 대응하기 위해 여러 PC가 필요할 수 있습니다.


모션 그래픽스

Photoshop 과 AfterEffects 에서의 오랜 랜더링 시간과 상호작용성의 부족함이 싫어진다면?
vvvv가 도와줍니다.vvvv는 실시간으로 어떤 해상도에서든 과다하게 전문적인 텍스처 이펙트*를 제공함으로 만족감 이상을 줄 것입니다.


프로젝션 맵핑















고르지 못한 표면에 3 차원 이미지의 환상을 만들 싶다면?
vvvv는 projection surface 에 텍스처를 배치하는 많은 도구를 제공합니다.
예산도 많으며, 오토-컬리브레이션 시스템이 필요하다면?
vvvv에서 만들어 사용하거나, 곁들여 사용해볼 만한 솔루션이 있습니다.


데이터 시각화















데이터를 보기 좋게 나타내는 방법이 필요하다면?
vvvv에게는 아주 전문적인 분야입니다.  몇번 클릭으로 디스크 안에 있는 database (MySQL, PostgreSQL/SQLite/SQL/Odbc/OleDb*) 를 읽거나 혹은 네트워크의 (HTTP, UDP,..),  parse (xml, json, csv, regexpr,...)를 분석하여 SVG, DirectX로 그려내면 됩니다.  시각화한 결과는 벡터 그래픽스, 스틸이미지, 영상 등으로 저장할 수 있습니다.  또한 vvvv는 spreads™ 라 불리우는 기법을 통해 많은 양의 데이터를 손쉽게 처리할 수 있습니다.


피지컬 컴퓨팅
















Wii*, Leap, Kinect*, Oculus Rift*, Arduino*,... vvvv는 모두와 연동됩니다. 
스탠다드 프로토콜인 MIDI, OSC, TUIO, DMX, HTTP, TCP, UDP를 사용하여 다른 프로그램들과 장비 상호간 연동할때 수월합니다.


사운드













멀티 채널 오디오 재생, FFT 분석, ASIO와 이것저것 합니다. 생김새는 PD, MaxMSP와 비슷하지만, 오디오 기능은 경쟁할 수 없습니다.
vvvv에는 직접적인 오디오 관련 컴포넌트를 지원하고 있지 않습니다. 다만, 사운드 데이터 시각화 면에서는 vvvv 가 빠른 선택입니다.


컴퓨터 비전


\










움직임과 얼굴 잡아내기, 컬러, 블롭, 얼굴 그리고 스켈레톤 트랙킹, 제스처 인식…. 선택만 하십시오.
Kinect *와 립모션 같은 장치를 openCV* 라이브러리에 쉽게 연동할 수 있습니다.
vvvv는 신속하게 프로토타입을 만들어 낼수있는 완벽한 동반자입니다.

참조링크: http://vvvv.org/propaganda

본 수업은 경기 북부 문화예술공모지원사업 (청소년 문화예술교육 지원) 입니다.

경기 북부지역 청소년들만 신청 할 수 있습니다.

프로그램 개요
프로그램 명 : Creative New Media VVVVJ Academy 내가 만드는 저절로 만들어지는 놀이터!
일정 : 15. 10.31 ~ 15.12.26 (매주 토요일)
시간 : 오전 11:00 ~ 오후 1:00+
장소 : 경기문화재단 북부 사무소 13층
신청 : 마감 
문의 : contact@shinnamjeongi.com
주최: 신남전기 ( shinnamjeongi.com )

프로그램 대상
전국 중학생, 고등학생. 청소년 무료 교육.

"내가 만드는 저절로 만들어지는 놀이터! "는 배우는 사람들 누구나 기초지식 없이도 뉴미디어 아트를 경험할 수 있게 해줍니다. 

C언어, 파이썬 기타 등등 프로그래밍 언어를 전혀 몰라도 마우스로 연결만 하면 놀라운 영상을 만듭니다. 자신이 좋아하는 노래에 라이브 Vjing하고, 반응하는 뉴미디어 작품을 만들어 함께 만들어 봐요! 내가 만든 영상을 건물에다 쏴보기도 하고! 벽에도! 박스에도! 어디든지! 재미를 느낄 수 있습니다!!!

 

 

 

프로그램 소개
1. VJing_브이제잉

좋아하는 가수의 콘서트에 뒤에 나오는 영상을 보신적이 있나요? 혹은 티비에 인기가요에 좋아하는 가수가 노래를 부를 때, 뒤에 나오는 영상을 보신적이 있는지요!?

DJing이 음악을 섞는 것(믹싱)이라면 Vjing은 영상을 VJ들이 선택하며 믹싱하는 것입니다. 뮤직비디오나 영화는 미리 만들어진 영상을 쭉~ 틀어 놓는 것이라면 VJing은 현장에서 스스로의 감각을 더해 사람들에게 보여주게 됩니다. 생각만해도 신이나는 일이죠!

최근에는 영상 뿐만이 아니라 비주얼(visual)영역 전체에 걸쳐 컨트롤 하는 것을 말하기도 합니다. LED로 만든 조명을 제어하기도 하고 다양한 미디어아티스트들이 Vjing을 하고 있습니다.

저절로 만들어지는 놀이터 에서도 각자 좋아하는 노래를 들으며 어울리는 영상을 만들고 직접 Vjing을 해봅니다!

  교육에 쓰일 프로그램은 Resolume (https://resolume.com/) 입니다. 실제 전문현장에서 사용되는 컴퓨터 프로그램으로 간단하고 멋진 컨트롤러와 함께 배우게 됩니다. 이 프로그램은 다루기 쉽지만 강력한 기능을 가지고 있어 굉장히 재미있는 수업이 될 겁니다!

 또 다른 프로그램으로서 VVVV (https://vvvv.org) 입니다. 무료로 만들어진 이 프로그램은 흔히 아는 프로그래밍처럼 문자를 써서 만들어 내는 것이 아닌, 마우스 클릭만으로도 멋진 영상을 만들 수 있습니다. 직접 영상을 찍고 만드는 Vjing 수업도 있지만, 직접 앉은 자리에서 멋진 향기가 풀풀나는 영상을 만들어 봅니다! 또한 인터렉티브(상호반응형) 미디어 아트에도 많이 쓰입니다.

 

2. 미디어 파사드 플레이 Projection Mapping

모니터와 핸드폰 영화관 등.....세상에 만들어진 수 많은 규격화된 스크린을 벗어나 내가 직접 영상을 틀고 싶은 곳에 틀어 봅시다!

큰 건물에 영상이 쏴지는 걸 본적이 있나요? 그것을 바로 프로젝션 맵핑기법을 사용한 미디어파사드 라고 합니다. 교실이나 강당에 달려있는 프로젝터를 사용하는 것이죠. 상상해보세요, 늘 등교하는 학교 건물에도 즐거운 상상을 해보고, 집안에 책상 한 구석에도 상상해보세요. 그리고 우린 직접 만들 수 있습니다!

수업의 마지막은 이런 상상을 실제로 할 수 있는! 그런 시간이 될 겁니다. 기타리스트 이정엽씨와 함께 하는 라이브 공연! 친구들과 가족들을 초대해서 멋진 파티를 만들어 봅시다!

 

○ 세부프로그램 계획 (10주과정)

회차	교육주제	활동내용
1	모두 인사하기  (오리엔테이션)	∙강사 소개 ∙프로그램 과정 이해 및 참여자 소개   ∙ 프로젝션 맵핑적으로 사고하기
2	VJing 만나기	∙Photoshop을 사용하여 기본적인 도형 이미지를 만들고 합성하는 법을 배운다. ∙평소에 좋아하는 음악을 기본 도형 및 자신의 낙서를 활용하여 VJing 세트를 만든다
3	음악과 Vjing	∙음악에 어울리는 자신만의 VJing 세트를 만든다.
4	미디어 파사드의 이해	∙정육면체 상자박스를 이용하여 미디어 파사드의 기본 개념과 원리를 깨우친다. ∙자신이 만든 음악이나 좋아하는 음악을 가지고 미디어 파사드를 위한 Vjing 세트를 만든다.
5	VVVV 교육 I	∙VVVV를 만난다. ∙인터렉션으로 생각하기
6.	VVVV 교육 II	∙음악에 반응하는 디지털 영상 만들기 ∙반응하는 디자인 해보기
7	팀별로 파사드 만들기	∙자신이 하고 싶은 미디어 파사드를 직접 구성한다. (집단 활동을 통한 자신감과 자긍심 함양하고 친구들과 협동하는 과정을 통해 팀워크 개발, 공동사회에 대한 이해를 돕는다.)
8	인터렉티브 미디어 파사드 만들기	∙자신이 제작한 조형물에 직접 만든 디지털 영상을 사용하여 미디어파사드를 만든다.
9	인터렉티브 미디어 파사드 만들기	공연을 같이 할 기타리스트의 음악에 맞춰 Vjing(인터렉티브) 세트 만들기
10	작품완성 및 발표	미디어 파사드에 기타리스트와 함께 직접 Vjing을 한다.

 ■ 신남전기의 모든 커리큘럼과 교육과정 및 자료는 저작권법에 의거,보호받습니다.

  프로그램 신청방법

  - 인터넷으로 신청시

주소로 접속하여 항목을 적어주세요.

  - 문자, SNS 신청시

  “경기문화교육 신청합니다! 이름 / 연락처” 보내주세요.

  카카오톡 아이디 [ co2n ] 으로 / 메일은 info@shinnamjeongi.com 으로 주세요!

 

프로그램 개요
프로그램 명 : VVVV for 오디오 비주얼-매핑 아카데미 
일정 : 2015년 7월 11, 12, 18, 19, 25, 26 일 | 주 2회 주말(토, 일)
시간 : 오후 3시- 6시
장소 : 대학로 콘텐츠코리아랩
신청 : 마감 
문의 : contact@shinnamjeongi.com

프로그램 대상
본 강좌 대상은 대학생을 우선으로 합니다. 직장인, 현업에 계신 분들도 수강신청 가능합니다.

 

프로그램 소개

VVVV는 컴퓨터 프로그래핑에 대한 두려움을 줄여주며, 신속하게 인터랙티브 창작에 도전할 수 있습니다. 본 강좌에서는 VVVV를 이용하여 소리에 반응하는 비주얼 맵핑 만들기에 초점이 맞춰있습니다. 창작을 위한 다양한 멀티미디어 소스를 올바르게 활용하는 방법과 필수 인터랙션 로직 학습을 바탕으로, 수강생 모두 실제 사용 가능한 예제와 학습 재료로 진행합니다. 단번에 대단한 작품을 만들겠다는 다짐보다 우선 한번 해보자라는 가벼운 마음으로 VVVV 를 만납시다.

 

VVVV 란? VVVV (http://vvvv.org/)는 독일의 디지털 인테리어 회사인 meso에서 인터랙티브 아트 제작 및 다목적 디자인 작업에 사용될 목적으로 개발된 툴킷으로 실시간 랜더링이라는 특징을 가지고 있습니다. 코딩과 컴파일 형식의 프로그래밍 창작보다는 직관적인 노드 인터페이스 방식으로 예술가와 디자이너도 쉽게 제작에 참여 가능한 장점이 있습니다. VVVV는 DirectX를 기반으로 작동하는 멀티미디어 환경이므로 실시간 비디오/오디오/ 3D 그래픽 작업에 유용하며, 키보드, 마우스 같은 기본적인 USB입력장치는 물론 아두이노를 활용한 센서입력, 컴퓨터비전, 키넥트, 립모션등 활용한 모션트래킹 연동 작업 등의 다양한 유저 라이브러리와 인터넷네트워크 및 OSC/MIDI/DMX 통신규격과의 호환성이 뛰어나 예술가와 디자이너의 신속한 프로토타입 제작에서부터 대규모 인터랙티브 아트 및 디자인 설치 및 공연까지 널리 사용되고 있습니다.

 

참고 사항

* 수업 지침 – 강좌의 난이도는 클래스 수강생 의견에 따라 조율 가능합니다.
* 수업 준비물
- Windows7 혹은 8/8.1이 설치 되있는 랩탑 PC
- 휠 마우스 (외장 마우스 필수 지참)
- 5강에 필요한 Midi pad controller는 학습 재료로 준비 되있습니다.

 

 

 

프로그램 계획
1강) INPUT & OUTPUT Node Class
: 인터랙티브 아트와 VVVV 특강.
: VVVV는 숫자/문자/컬러 Data를 IOBox에 담아 미디어아트 작품을 만들어 낸다.
이를 위해 기초 전반의 INPUT & OUTPUT 노드 프로그래밍 수업을 진행한다.

2강) Texture Effect Class
: 이미지, 비디오와 라이브 카메라 같은 다양한 멀티미디어 사용 학습으로 Blend와 Mask를 배우게 된다. 포맷 최적화 노하우를 바탕으로 완벽히 작동하는 실시간 애니메이션을 만들어본다.

3강) Transform & 3D Animation Class
: 형태의 변형과 애니메이션의 바탕이 되는 Transforms과 Animation 노드 집중 학습
: vvvv의 자유로운 화면배치를 위해 2/3차원 공간 좌표를 이해하고 Sense 3D scanner를 이용한 수강생의 지오메트리를 만들어 학습에 응용한다.

4강) Spread Patten & Data Visualization Class
: 스프레드 생성기를 통해 다양한 데이터 3D 패턴 만들기를 실습한다.
: 섬세한 작품을 만들기 위해 필수로 다루어야 하는 Spread 편집과 응용 학습.

5강) Audio-Visual Interaction Class
: 소리에 반응하는 효과적인 영상 제어 패치 만들기를 진행하며, Midi pad controller를 연동하여 VVVVJ가 되어 본다. 함께 만든 패치를 DJ와 함께 시연한다.

6강) Interactive Projection Mapping Class
: VVVV를 이용한 3D illusion 프로젝션 맵핑을 설치부터 시연까지 함께 진행 한다.
: Resolume Arena를 연동하여, 보다 전문적인 인터랙티브 프로젝션 매핑을 학습한다.

■ 신남전기의 모든 커리큘럼과 교육과정 및 자료는 저작권법에 의거,보호받습니다.

 

강좌 소개
미디어아트는 신명나는 아이디어로 가능성이 열리지만, 준비하는 과정은 상상 이상으로 오랜시간이 걸리며, 여러 걸림돌이 존재하기 마련입니다. 이런 점을 개선하는 하나의 방안으로 VVVV를 소개합니다. VVVV는 컴퓨터 프로그래핑에 대한 깊은 지식이 없더라도 약간의 타이핑과 클릭만으로 인터랙티브 아트 창작이 가능합니다. 본 수업에서는 VVVV를 이용하여 반응하는 작품 만들기에 초점이 맞춰있습니다. 창작을 위한 다양한 멀티미디어를 최적화하는 방법과 인터랙션에 필요한 로직 학습을 바탕으로, 소리에 반응하고, 데이터를 시각화하고 외부장치를 연동하는 등 수강생 모두 실제 사용 가능한 예제와 학습안으로 진행합니다. 단번에 대단한 작품을 만들겠다는 다짐보다 우선 한번 해보자라는 가벼운 마음으로 VVVV 를 만납시다.

VVVV 란?
vvvv(http://vvvv.org/)는 독일의 디지털 인테리어 회사인 meso에서 인터랙티브 아트 제작 및 다목적 디자인 작업에 사용될 목적으로 개발된 툴킷으로 실시간 랜더링이라는 특징을 가지고 있습니다. 코딩과 컴파일 형식의 프로그래밍 창작보다는 직관적인 노드 인터페이스 방식으로 예술가와 디자이너도 쉽게 제작에 참여 가능한 장점이 있습니다. vvvv는 DirectX를 기반으로 작동하는 멀티미디어 환경이므로 실시간 비디오/오디오/ 3D 그래픽 작업에 유용하며, 키보드, 마우스 같은 기본적인 외부입력장치는 물론 센서, 컴퓨터비전 등의 다양한 유저 인터페이스와 통신규격과의 호환성이 뛰어나 인터랙티브 아트 및 디자인 설치 및 공연에 사용되고 있습니다.

참고 사항
* 수강지침
- 강좌의 세부 내용 및 난이도는 참여 수강생 의견에 따라 조율 합니다.
* 필요한 준비 사항
- 랩탑 PC: vvvv는 windows에서만 구동됩니다.(MAC에서는 부트캠프 및 패러럴으로 windows 구동)
- 휠 마우스: 노트북에 내장된 패드 외에 외장 마우스를 지참해야 합니다.
- 프로그램 설치와 세팅은 첫 수업 시간에 함께 진행합니다.

강좌계획

1강) Hello VVVV

: VVVV로 만든 작품 사례를 보면서 여러가지 방향성을 탐구해본다.
: 프레젠테이션 – 서로를 소개하는 시간을 갖으며, 수업 방향과 난이도를 조율하는 시간을 갖는다.
: VVVV 프로그램 설치 가이드와 기본 사용법을 공유한다.

2강 INPUT & OUTPUT

: VVVV는 크게 세가지 요소인 숫자/문자/컬러 Data를 이용해 작품을 구동한다.
: 이를 위한 IOBox 자유자재로 다루기 학습과 더불어 최종 결과물을 보여주는 Renderer에 대해 학습한다.

 3강) Interaction Logic (Basic)

: VVVV 인터랙션 작업에서 알아두면 좋은 기초 로직을 학습한다.
: 쉽게 따라하는 패치만들기 체험 학습으로 키보드와 마우스입력을 사용한 인터랙션이 포함된 작품을 만들어 본다.

4강) Form & Transform

: 형태의 변형과 애니메이션의 바탕이 되는 Transforms 에 대해서 집중 학습한다.
: 더불어 AspectRatio를 이용하여 모니터 해상도에 따라 변화하는 화면비율 최적화 방법을 실습한다.

5강) 실시간 3D 그래픽스 랜더링

: vvvv의 2/3차원 공간 좌표를 이해하고 표현 가능한 3D 세이더를 학습한다.
: 3D 지오메트리 몰핑 애니메이션을 만들어 본다.

6강) Visual Effects & Motion Graphics

: 이미지포맷, 비디오소스와 라이브 카메라 같은 다양한 멀티미디어를 다루는 학습을 한다.
: PNG시퀸스 작업물을 이용한 고해상도 출력물을 다루는 방법과 올바른 비디오코덱 사용법을 실습한다.

7강) Audio Visualization

: AudioInput과 Effects를 학습하고 사운드에 반응하는 애니메이션을 학습한다.
: Timeliner를 활용한 기승전결이 있는 시퀸스 기반의 오디오 비주얼 작업을 만들어 본다.

8강) Spread와 Data Visualization

‘스프레드’란 대량의 데이터를 뜻하는 VVVV만의 개념으로,손쉽게 만들 수 있는 다양한 데이터 비주얼 패턴 만들기를 실습한다.

9강) Interaction Logic 2 (Intermediate)

: OSC 프로토콜을 학습하고 vvvv의 확장 인터페이스로의 결합 가능성을 공유한다.
: 스마트폰의 가속도/자이로센서를 OSC로 연동하여 모션에 반응하는 작품을 만들어 본다.

10강) Advanced vvvv

: 미디어아트 작품 제작 및 공연을 위해 수강생 스스로 만든 실험작을 공유하는 시간을 갖는다.
: 작품설치를 위한 멀티 디스플레이/ 프로젝터를 사용법과 시스템 다이어그램 구성에 대해 알아본다.

수업이력
saii 아카데미 아카이브
2011년 봄 미디어 아트를 위한 vvvv 프로그래밍
2011년 여름 미디어 아트를 위한 vvvv 프로그래밍
2011년 가을 미디어 아트를 위한 vvvv 프로그래밍
2012년 겨울 [Visual Basic Level] vvvv Programming for Media Art
2012년 여름 [Visual Media Track] vvvv Programming for Media Art (basic)
2012년 가을 vvvv Programming for Media Art (중급)
2013년 겨울 vvvv Programming for New Media Art
2013년 겨울 vvvv Programming for New Media Art(kinect 연동)
2013년 봄 vvvv Programming for New Media Art
2013년 봄 vvvv Programming for New Media Art(kinect연동)
2013년 여름 vvvv 프로토타이핑 워크숍 (중급)
2013년 가을 미디어 아트를 위한 VVVV (기초)
2014년 겨울 미디어 아트를 위한 VVVV (기초)
2014년 여름 미디어 아트를 위한 VVVV

■ 신남전기의 모든 커리큘럼과 교육과정 및 자료는 저작권법에 의거,보호받습니다.

Project Title : Nebula
Form : Responsive LightArt System 'Nebula(Codename:A-Cha MT.)'
Site : Content Korea Lab. (Seoul, S.Korea)
Date : 3-17 FEB. 2015
Sound : Light Rain in Oberlin by Kirk Pearson & BIT

프로젝트 성운은 반응형 라이트 아트시스템 입니다.
미디어파사드에 사용되는 Artnet을 사용하며 풀컬러 LED 제어를 합니다.
정전 감응식 터치와 거리에 반응하며 이외에 설치되는 다양한 현장성에 따라 소리, 바람등 여러가지 반응에 대응합니다.