English | French | Russian | Japanese | Italian | Mandarin

이 교재는 네번째 교재: IOBox 사용하기 편을 진행한 것으로 가정하고 진행합니다.

다시 불러오기(Recall)

우리는 IOBox를 어떻게 취급하는지 배웠습니다. 다음은 Spread와의 관련성을 배워 봅시다.

위의 2 개의 예는 슬라이스 수(slicecount)가 다른 슬라이스 수를 가진 Spread와 결합하면 노드에서 무엇이 일어나고 있는 지를 보여줍니다. 각각 같은 결과가 되어있는 것을 주목하십시오.

추가 설명만으로 이해를 하라면 혼란이 올 수도 모릅니다만, 별로 신경 쓰지 않길 바립니다. 간단하게 설명하는 것은 꽤 어려운 것일 입니다. 하지만, 모두 이해하고 있을지도 모릅니다. 빨리 다음 예제를 계속합시다.

많은 인스턴스를 수월하게 핸들링하기

이쪽을 봐주세요. RoundRect (GDI) 가 X 좌표를 따라 쭉 펼쳐져 (spreaded)있으며,
홀수 ​​마다 초록, 짝수 마다 빨강으로 되어 있습니다.

그러면이 사각형을 5 x 5 격자 형태로 하려면 어떻게 해야할까요? 아마 먼저 생각하는 것은 단순히 LinearSpread (Spreads) 를 RoundRect (GDI) 의 Y input에 연결하는 것입니다. 하지만 어떻게 될까요 :

RoundRect (GDI) 가 5 개 그려집니다. 이것은 입력된 슬라이스의 최대 값이 5 인 채로 변하지 않았기 때문입니다.
첫 번째 X 좌표는 첫 번째 Y 좌표와 같고, 두 번째 X 좌표는 두 번째 Y 좌표와 같으며, 그 이후에도 X 좌표와 Y 좌표에도 같은 결과로 출력된 상태입니다.

다행히, vvvv에는 그리드 표시를 실현하기 위한, 좌표를 생성 해주는 편리한 노드가 포함되어 있습니다.
Cross (2D) 노드를 아래 그림을 참고하여 사용해봅시다.

Cross (2D)는 주어진 슬라이스의 모든 조합을 X와 Y 에 각각 출력합니다. 이로서 25 개의 슬라이스를 얻을 수 있었습니다.
또한 각각의 사각형의 거리는 LinearSpread (Spreads) 의 두 번째 입력 핀(width)으로 조정할 수 있습니다.

마지막으로 다시 한번 상호 작용을 추가 해봅시다. 마우스 커서와 각 사각형의 거리를 알면 편리합니다. 여기에서도 그런 역할을 노드가 있습니다 : Points2Vector (2D) 는 두 점 사이의 거리를 제공합니다. 아래 그림을 참고하여 각 노드를 연결하면, 오른쪽 아래 IOBox에 표시되는 25 개의 숫자가 무엇을 의미하는지 알 수 있습니다.

그렇습니다. Points2Vector (2D) 는 각 격자와 마우스 커서 사이의 거리를 25 개로 출력합니다. 그러면, 이 거리를 사용가능한 크기로 매핑하여 RoundRect (GDI)의 크기에 적용합시다. 멀티미디어라 말합니다.

LinearSpread (Spreads) 의 Spreadcount을 다양한 기준에 바꾸어 봅시다 :
사각형의 수가 몇개가 되어도 패치는 그대로 유지 간단하고 동일하게 동작하는 것을 알 수 있습니다.

spread에는 아직도 알아야 할 요소가 있습니다만, 지금은 이 정도로 해 둡시다. 뭔가 놓친 적이 있다고 느낀다면,
Spreads 설명서 페이지에서 자세한 정보를 찾을 수 있을 것입니다.