vv로 영상적인 걸 만들어요.

저는 모모기다설라고 합니다.
이번에 처음 쓴 기사에는 뭘 쓸까 생각했는데 vv의 영상으로 만든 기사가 그렇게 많지 않고 노드에 대한 설명도 없어요.그래서 그걸 보완한 기사를 좀 쓰고 싶어요.만들면 다양한 기술 노하우를 기억할 수 있을 거예요.
다만, 길어지기 때문에 인내심을 갖고 만들면서 조금이나마 이해할 수 있다면 좋겠다.
vv 아세요?
나는 이것이 무엇이든 할 수 있는 시각 디자인이라고 생각한다.
저도 그렇게 알고 있으니 언짢게 생각하지 마세요.
영상 만들고 싶어요!그런데...
이미지 콘텐츠를 만들고 싶다면 After Effects와open Frameworks를 사용해 보세요. 하지만 가격이 높아서 살 수 없고 프로그램 디자인이 상상할 수 없는 것처럼 다양하다고 생각해요.
그런 사람도 간단하게 만들 수 있는 이미지를 소개해 줬으면 좋겠어요.
공짜 AviUtl도 많이 할 수 있어요.
이번에는 2016/3/19 도쿄공과대학에서 vvvv off회로 불리는 강습에서 제작된 영상 내용에 대해 해설을 하고자 합니다.

↑ 이런 느낌.
vvv를 켜서 해보세요.
어쨌든 Rendererer입니다.
아무래도 렌더러네요.이번에는 DX11이므로 Renderer(DX11)를 사용합니다.
나는 아스피를 신경 쓰는 인종이기 때문에 여기서 창문 사이즈를 아스피와 합친다.
그런 다음 Camera(Transform Softtimage)를 렌더에 연결합니다.

구체를 만들자.
그리는 동안 Constant(DX11 Effect)을 사용합니다.면도기 상수?그런 뜻이지만 상세하지 않기 때문에 사랑을 끊는다.
그릴 형상을 연결해야 그릴 수 있습니다.이번에는 Sphere(DX11 Geometry)를 원합니다.


무작위 정렬
Transform을 사용하여 이동합니다.이번에는 Transform(Transform 3d vector) 형식으로 3차원으로 이동한다.
※ 이곳은 Spread의 이해가 필요합니다.AquaLamp의 기사에 명확한 설명이 있으니 참조: http://qiita.com/AquaLamp/items/99ce03d1e265f756ae44
임의 구성에서는 RandomSpread(Spreads)를 사용합니다.이름과 같이 임의의 스프레드시트입니다.이것을translate에 연결하면 무작위로 설정할 수 있습니다.그리고 scale도 연결해서 크기를 바꾸어 보세요.
translate는 정확하게 무작위로 설정할 수 있지만, scale는 이상합니다.

이것은 scale의 xyz 각자의 값과 관계가 있다.
이 값의 움직임을 설명하려면 RandomSpread[2,4,3,5,...]및 값.Transform(Transform3d vector)의 scale는 xyz의 3가지 값을 포함한다(이런 느낌 [x:0, y:0,z:0]).이것들을 연결하면 scale는 [x:2, y:4,z:3]이 됩니다.이거 덕분에 타원형!어떡해!
이 문제를 해결하기 위해 Vector(3d Join)를 사용합니다.이로써 Random Spread에서 [2,4,3,5,...]그럼 Vector(3d Join)의 xyz에서 [2,4,3,5,...]따로따로 들어가다.여기까지 와서 설명 안 해도 알아?
이 Vector의 output에서 spreads 첫 번째 = [x:2, y:2, z:2, spreads 두 번째 = [x:4, y:4, z:4].
되다실제로 건드리면 알 수 있을 것 같아서요.

시운전 해보세요.
애니메이션을 열려면 LFO 및 Damper를 사용합니다.
vv를 사용하는 분들은 익숙하시죠.
LFO는 지정된 초 안에 0부터 1까지 수치를 만들어 비교적으로 사용하는 아이다.
Damper는 값이 다른 값으로 바뀌었을 때 이 시간 안에 보충할 수 있는 아이입니다.손가락 같은 거네.LFO의 Cycles 이 output은 0에서 1까지 숫자를 만드는 횟수를 계산합니다.이것은 Random Spread에 연결된 Random Seed입니다.Random Seed에 관해서는 위조 무작위 수를 조사할 수 있을지도 모른다.
덕분에 Random Spread의 값은 계수될 때마다 변합니다.하지만 이렇게 되면 애니메이션이 아닌 좌표가 달라진다.거기서 Damper로 수치 사이를 보완해.실제로 건드리면 잘 알 것 같아서요.
이것은 vvv 애니메이션을 제작할 때 자주 사용되기 때문에 두 노드를 기억하는 것을 권장합니다!

색깔로 텍스쳐를 해서 붙여주세요.
계속 흰색이면 재미없어요.
따라서 먼저 색칠을 한 다음에 무늬를 만들어라.
Constant 노드에는 색상의 input이 있으므로 HSV(Color Join)와 Liner Spread(Spreads)를 사용하여 색을 칠합니다.
나는 HSV가 설명하지 않아도 이해할 수 있다고 생각한다.Linter Spread와 Random Spread는 다릅니다.예를 들어 input의width를 2로spread를 4로 할 때의output 출력 [-0.75,-0.25,0.25,0.75]로 한다.기억해 두세요.

텍스쳐는 DX11이 아닌 DX9로 만들어졌다.이유가 없는 건 아니지만 개인적으로 이 방법이 가볍다고 생각해요.용서해 주세요.
아래 그림을 볼 수 있다면 얼마나 이해할 수 있었으면 좋겠어요.
Quad(DX9)로 가로 길이의 직사각형을 만들고, Liner Spread로 가로 스트라이프 패턴을 만든다.
Constant의 Texture에 넣기 위해 DX9 렌더링기로 그린 그림은 DX9 Texture(EX9 Texture)에 따라 텍스쳐로 변환됩니다.그러나 DX9과 DX11이 호환되지 않아 계속 사용할 수 없기 때문에 DX9 toDX11(DX11.Texture)로 추가 전환을 진행한다.이렇게 해서 드디어 DX11의 Constant에서 무늬로 사용할 수 있게 되었다.

계속해서 섬세한 동작을 해보도록 하겠습니다.
드디어 그런 영상을 만들 수 있을 것 같네요.
나는 여기서부터 작은 곳을 만들고 싶다.
Transform의 rotate, 회전 부분은 지금까지 설명했기 때문에 알 수 있지만, Random Spread Sphere로 개별적으로 다양한 회전을 설치하고 LFO와 Damper로 애니메이션을 설치하고 있다.Damper의 Filter Time은 변경 전의 값과 변경된 후의 값, 그리고 변경된 시간을 지정합니다.여기서 10초면 목적치가 돼요.
그리고 왼쪽 Transform의 tranalate, 좌표 부분에 맵 노드가 추가되었습니다.Width 5시 Random Spread output의 값은 -2.5~2.5입니다.이걸 0~5로 만들 때 맵(Value)을 사용하려고 합니다.Source Minimum, Maximum의 원래 값(이곳은 -2.5와 2.5), Destination Minimum, Maximum에 전환하고 싶은 값을 제공하면 조정이 수월해진다.
원하는 이미지를 만들어 보세요.

참고로, 나는translate의z축을 0의 값으로 유지한다.scale의 크기만으로도 종심이 충분하기 때문에 이번z축은 0으로 유지됩니다.
완성!

이렇게 vvv의 영상이 완성되었습니다!
나는 FFT 노드로 소리가 동기화되는 상호작용 내용을 만들고kinett로 원형을 몸에 감고 놀았다.
나는 vvvv의 강점은 한 가지 내용만 있으면 그 중에서 간단하게 각양각색으로 발전할 수 있다는 것이라고 생각한다.
어렵지 않은 사람과 조금 어려운 사람에게 vv의 재미를 알려주면 좋겠어요.
그럼, 즐거운 생활 되세요!