Workspace

첫번째 예제는 비교적 간단하다. 원이 계속해서 움직이고 마우스를 가져다대면 서서히 작아지며 랜덤한 소리가 들린다. 핵심적인 부분은 이 부분이다. WandererCircle은 기존에 존재하는 노드가 아닌, 직접 커스터마이즈한 노드이다. 노드를 어떻게 하면 커스터마이즈하여 만들 수 있는지 살펴보자. Definations 활용하기 vl 파일은 마치 한장의 종이와 같다. 앞면에는 노드 패치(Application)가 있고 뒷면에는 Definations이 있다. document를 눌러 Definitions을 눌러준다. 숏컷은 Alt+Shift+A 뒷면이 펼쳐지면 process 노드를 추가한다. (이탤릭체로 써있는) 원하는 노드 이름을 지어준다. (더블클릭을 통해 수정 가능) 오른쪽 마우스를 눌러 Open을 누르면 ..

* 버전 : vvvv gamma 5.0 맥에서 vvvv gamma를 사용하다보면 발생하는 문제들이 많다. 나는 Parelles를 통해 윈도우를 가상머신에서 돌리며 vvvv gamma를 실행시키고 있다. 그래서인지 솔직히 맥에서 vvvv gamma를 사용하는 것은 추천하지 않는다고 한다. 하지만 맥밖에 없으니 어쩔 수 없다... 가장 흔히 발생하는 문제가 바로 경로이탈 문제다. vvvv gamma에서는 맥을 거치는 경로를 찾지 못하고, 특히 절대 경로를 입력하라고 나온다. 두가지의 해결 방법이 있다. 1. 윈도우에 파일을 만들어 해결하기. 윈도우 C 드라이브 안에 패치 파일을 만들고, 이미지 파일도 C 드라이브 안에 저장한다. 유의할 점은 파일을 열때, 맥을 거쳐서 여는게 아니라 윈도우를 거쳐 열어야 한..

워크숍의 첫주는 기본적인 설명들이라서 따로 메모해두지 않았다. 이번 주차부터는 새로운 내용들이 꽤 많았다. VL.Stride를 활용하여 3D 작업을 진행하는 방법을 알아보자. 3D 작업을 위해서는 VL.Stride 라이브러리를 꼭 추가해주어야 한다. 대략 이렇게 테스트 모델 몇개들을 띄우고 다양한 머테리얼을 입혀보았다. Stride의 경우 기본 작업 환경이 어느정도 정해져있다. SceneWindow에 RootScene을 연결하고, RootScene에 기본적인 하늘과 빛 등이 배치되어 있는 SkyboxLight를 추가한다. (SkyboxLight가 없으면 화면이 까맣게 보인다.) PostFX는 SceneWindow의 인풋에 바로 연결해준다. BrightFilter, LightStreak, LensFlare..

기본적으로 내가 사용하는 vvvv gamma를 공부하는 방법은 아래와 같다. 1. 공식 유튜브 튜토리얼 찾아보기 https://leere.tistory.com/59 vvvv gamma : Navigating the Environment / VL1. Node Institute에서 유튜브를 통해 공개한 튜토리얼 영상이 있다. 완전히 처음 접하는 초급자를 위한 영상이다. * VVVV gamma 5.0 Tutorial for Absolute Beginners https://youtu.be/7m1EzfxUtzo?si=61xbom0k9dart5hM 첫 영상이 leere.tistory.com 2. Node Institue 튜토리얼 보기 vvvv gamma 채널에 들어가, 열려있는 무료 튜토리얼들을 볼 수 있다. ht..

1. 오디오 데이터 받아오기. 2. 원을 만든 다음, 소리에 따라 크기가 반응하게 하기. 3. 그 원의 아웃라인을 따라 점이 만들고 그 사이를 선으로 연결하기. 4. 최종적으로 보여줄 화면에 맞춰 효과를 주거나 값들을 조정하기. 만든 원 위로 점들이 생겨나도록 해보자. 먼저 길을 따라 계속 이동하면서 소리가 날때, 그 지점에 원이 찍혀야 한다. AddPoly의 아웃풋 SKPath이 바로 길이 된다. Path를 순차적으로 따라가기 위해 SamplePath와 연결한다. (SamplePath에 LFO를 연결하여 반복적으로 패스를 따라 움직이도록 한다.) SamplePath 노드에 관한 내용은 아래에 메모해두었다. https://leere.tistory.com/83 vvvv gamma 노드 리뷰 : How to..

Queue의 예제를 열어보자. 마우스를 움직일때마다 10개의 원들이 만들어지며 따라온다. Queue : (in) - Input(T), Frame Count, Clear, Insert (out) - Spread => Insert가 true가 될때마다 input이 저장된다. Frame Count 개수만큼 Queue에 쌓이게 된다. 위 예제에서 Frame Count가 10이기 때문에, 10개의 원들이 보여지는 것이다. 마우스 좌표가 바뀔때마다 Changed의 값이 true가 되면서 Queue의 Insert도 true가 된다.

오늘은 길을 따라 움직일 수 있도록 만들어주는, SamplePath의 예제를 분석해볼 것이다. 유의할 점은 먼저 VL.Skia 라이브러리를 눌러 설치해주어야 하고, "Include low level nodes"를 체크해주어야 볼 수 있다. 마지막으로 Tangent 아웃풋이 있는, 위에 것을 선택했다. 예제를 열어보면 위와 같은 패치로 구성되어 있다. Cons 노드를 통해 노란 사각형이 만들어질 곳들의 좌표를 구성한다. Cons는 세부 선택에 따라 어떤 인풋과 아웃풋을 받을지 달라지는 노드이다. Array를 선택한다면 array 인 아웃, Spread를 선택한다면 spread 인 아웃을 가지게 된다. 위 예제에서 사용한 타입은 Spread이다. Cons : (in) - input, input... (Ctr..

1. 오디오 데이터 받아오기. 2. 원을 만든 다음, 소리에 따라 크기가 반응하게 하기. 3. 그 원의 아웃라인을 따라 점이 만들고 그 사이를 선으로 연결하기. 4. 최종적으로 보여줄 화면에 맞춰 효과를 주거나 값들을 조정하기. 지난 글에 이어서, 받아온 오디오 데이터에 반응하는 원을 만들어볼 것이다. 이번 단계에서 최종적인 형태는 아래와 같다. 화면에 원 하나가 있고, 소리가 커질수록 바깥쪽으로 더 크게 튀어나오게 된다. 3시를 기준으로 시계 방향으로 갈수록 주파수가 낮은 영역대부터 높은 영역대가 분포된다. 가장 먼저 원의 크기가 소리의 크기에 따라 반응하도록 만들기 위해서 Meter노드의 Level 아웃풋을 가져올 것이다. 소리에 따라 왔다갔다하는 게이지바로 float이 표현되어 있다. 일반적인 fl..