미디어아트22 완전 초짜 VVVV : 다양한 기능 활용법 어느덧 한 학기의 수업이 마무리되어간다. 교수님께 배우는 마지막 내용적인 수업이다. 이번 수업에는 다양한 시각적 효과를 줄 수 있는 필터 사용법과 / 간단한 팁들에 대해서 배운다. ▷ Dots / Glow 위 작품은 AudioIn 을 통해 받아드린 마이크 데이터 값을, VideoIn 을 통해 들어온 웹캠 영상의 필터값을 바꾸는데 활용해 외부 소리에 반응하는 영상이다. 파란색 네모 부분의 노드들 (FFT / + / Damper / Map / WaveShaper) 은 마이크에서 인풋된 데이터값들을 다듬는 노드들이다. 보다 자연스러운 영상미를 위해서 데이터 값을 다듬는 부분은 매우 중요하다. 빨간색 네모 부분의 Dot / Glow 노드는 영상에 효과를 주는 filter 다. Dot은 위 사진처럼 영상을 작은 .. 2021. 2. 10. 완전 초짜 VVVV : 서브 패치(SubPatch) 서브패치란 사용자가 직접 노드를 만들어 저장해놓고 원할때마다 자기가 저장한 노드를 불러와 사용하는 것을 말한다. 파이썬으로치면 일종에 def(user defined function - 사용자 지정 함수)와 같은 것이다. 복잡한 작업을 수행하는 노드들을 한번 만들어 놓으면 그 다음에는 간단하게 다시 사용할 수 있다는 장점이 있다. ▷서브 패치 만들기 1) 서브패치로 만들 작업 만들기 먼저 나름대로 복잡한(?) 노드들을 만들어 보았다., 위의 작업은 왼쪽 랜더러의 원의 크기와 배경색이 동시에 바뀌고 오른쪽 랜더러의 숫자와 배경색이 동시에 바뀐다. 자 이제 이 작업을 서브패치로 만들어 보자. 2) 인풋 / 아웃풋 핀 이름 붙이기 자 이제 서브패치에 인,아웃풋 핀들의 이름을 붙여줄 차례이다. 맨위에 있는 제일 .. 2021. 2. 7. 완전 초짜 VVVV : 마이크를 센서로 활용 ▷AudioIn(Dshow9) / FFT(Dshow9) / +(Value Spectral) >> audioin(Dshow9) : 마이크 또는 다른 오디오 장치를 입력받는 노드 >> FFT(Dshow9) : 오디오 신호를 스프레드로 바꾸는 노드 >> +(Value Spectral) : 바뀌는 수치를 정렬하는 노드 위 세가지의 노드를 통해서 외부의 마이크 값을 수치로 입력받을 수 있다. 마이크 값이 커지면 수치가 올라가고 마이크 값이 작아지면 수치가 내려간다. ▷데이터 다듬기(Damper / Waveshaper) 이전에 배웠던 데이터를 다듬는 Damper 와 Waveshaper 를 활용해 너무 급작스럽게 변화하는 데이터 값을 다듬어 준다. 본인 컴퓨터 사양에 따라 Damper와 Waveshaper 를 써도 .. 2021. 2. 6. 완전 초짜 VVVV : 오디오 생성과 음향 이펙트 적용 ▷Beep beep 노드 활용해 소리를 내는 기능을 만들 수 있다. 이때 나는 소리는 말 그대로 '삑' 소리. 두번째 인풋핀을 통해 소리의 높낮이를 조절할 수 있는게 특징이다. 직관적인 형태로 소리를 조절하기 위해 슬라이더 형태의 넘버박스를 활용했다. ▷Filestream(Dshow9) / AudioOut(Dshow9) 저장한 음원파일을 재생하고 싶다면 FileStream 과 AudioOut 노드가 필요하다. FileStream 으로 불러오면, AudioOut으로 볼륨과 오디오드라이버를 선택해 출력할 수 있다. ▷Reverb(Dshow9 Waves) 이때 원본 음원에 음향 이펙트를 적용하고 싶다면 Reverb(Dshow9 Waves) 노드를 활용할 수 있다. 리버브는 소리에 공간감을 만들어 주는 기능으로.. 2021. 2. 5. 완전 초짜 VVVV : 3D 도형의 좌표, 이동, 회전 / EX9과 Shader 이전 포스팅에서 EX9 Renderer 에 대해서 배워보았다. 이번 포스팅에서는 EX9 renderer에서 3D 도형의 이동 및 회전과 EX9 renderer 에 입체감을 부여하는 shader에 대해서 알아보려고 한다. ▷3D 도형의 좌표, 이동, 회전 (Rotate vs Translate) 위 영상을 보면 Rotate 와 Translate 노드의 순서에 따라 도형의 이동 및 회전이 달라지는 것을 알 수 있다. Rotate는 회전 시키는 노드 / Translate는 이동을 시키는 노드이다. 먼저 왼쪽의 경우, Rotate 노드가 Translate 노드보다 선행실행되기 때문에 회전축이 처음 그대로 (0,0) 즉 정중앙에 위치하게 된다. 따라서 (0,0) 의 정중앙을 중심으로 사각형이 회전한다. 반면에 오른.. 2021. 2. 4. 완전 초짜 VVVV : 직선/ 랜덤/ 원형/ 타이포 스프레드 이번 포스팅에서는 복수의 수치를 생성하고 저장하는 다양한 스프레드에 대해서 알아보려고 한다. 이런 스프레드 중 기본적인 직선 스프레드 / 랜덤 스프레드 / 원형 스프레드 / 타이포 스프레드 의 4가지를 알아보자. ▷직선적인 값을 갖는 수치들 renderer 위에 연속적인 값을 갖는 수치들을 만들어 본다. 직선 위의 값 즉 연속적인 값을 만들기 위해선 넘버박스의 inspektor 를 변경해 여러점을 한번에 나타낼 수 있는 표의 형태로 바꾸고, 그 안에 일일이 데이터 값을 입력해줘야 한다. 하지만 만들고자하는 수치 값이 많을수록 너무 많은 시간이 걸리는 단점이 있다. 이런 작업을 더 빠르게 하고자 Spread 기능을 사용한다. ▷직선 스프레드(Linear Spread) 직선위의 연속적인 값을 쉽게 생성하기 .. 2021. 2. 3. 완전 초짜 VVVV : 3D를 표현하는 EX9 Renderer 저번 포스팅에서는 2D를 표현하는 GDI Renderer에 대해 알아보았다. 이번엔 3D를 표현하는 EX9 Renderer에 대해서 알아보자. ▷EX9 Renderer (Quad / Sphere) EX9 renderer를 생성하면 저번에 GDI Renderer와 똑같은 창이 나온다. 외관상에 차이는 없다. 그냥 검은색 칸이다. Alt + 2 를 눌러 VVVV안에 삽입해준다. Renderer 만으로는 이미지를 표현할 수 없기 때문에 간단한 3D 노드인 Quad와 Sphere를 사용해 본다. 1) Quad 쿼드노드는 입체값이 없는(높이값이 0에 가까운) 평면에 가까운 사각형을 표현한다. 따라서 Quad 노드의 속성을 지정할 땐 transform(2d) 노드를 사용한다. Transform 노드에 Scalex .. 2021. 2. 2. 완전 초짜 VVVV : 2D를 표현하는 GDI Renderer ▷GDI RENDERER VVVV 안에서 이미지를 표현하려면 Renderer(랜더러)를 사용해야 한다. 기본적으로 사용할 수 있는 renderer는 2D를 표현하는 GDI Renderer 와 3D를 표현하는 EX9 Renderer가 있다. 이중 이번 포스팅에서는 2D 이미지를 보여주는 GDI Renderer 노드에 대해 살펴본다. ▷GDI RENDERER(+Point / Circle 노드) 먼저 GDI Renderer는 처음에 삽입하면 개별 창으로 뜬다. 이럴 경우 한눈에 잘 안보이기 때문에 ALT + 2 를 눌러 VVVV안에 Renderer 창을 삽입 할 수 있다. renderer 창이 띄워지면 창 안에 이미지를 표시하는데는 다른 노드가 필요하다. 기본적인 이미지 표현 노드로 Point 노드와 Circ.. 2021. 2. 1. 완전 초짜 VVVV : 키보드 입력과 랜덤 인터랙션 이전 글에서 기본적인 키보드 입력 노드인 keyboard / keymatch 노드와 그 활용법에 대해서 알아보았다.(완전 초짜 VVVV : 키보드 입력) 이번에는 multiflipflop 노드를 활용한 키보드 입력값의 수치화와 Random 노드를 통한 난수 생성에 대해 배워본다. ▷키보드 입력과 난수(random) 생성 작품 구 위에 외부 데이터를 텍스처로 입히고, 그 데이터를 키보드 방향키로 변경시키는 작품이다. 또 배경색은 다른 방향키를 누를 때마다 랜덤하게 바뀌게 구성한 작품이다. 영상을 통해 어떠게 조작되는지 확인할 수 있다. 자 그럼, 어떤 노드를 어떻게 활용했을까? ▷MultiFlipFlop / Random MultiFlipFlop 노드를 통해 방향키 위, 아래, 좌, 우 의 값을 숫자 0~3.. 2021. 1. 31. 이전 1 2 3 다음
