Keyboard 노드 / KeyMatch 노드 / Stack 노드 / Map 노드를 활용해 키보드 방향키에 의해 움직이는 원을 만들어보려고 한다.
▷Keyboard 노드
위처럼 keyboard 노드를 활용해 외부에서 입력되는 keyboard 값을 판별할 수 있다. Keyboard 노드의 두번째 아웃풋핀은 누른 키보드 값을 이름으로 나타내고, 4번째 아웃풋핀은 누른 키보드 값을 수치로 나타낸다.
▷KeyMatch 노드
KeyMatch 노드를 활용하면 Keyboard 노드에서 받은 키보드 값을 각각 개별 값으로 나눠서 판별할 수 있다. 위의 예시에서는 KeyMatch 노드의 inspektor 값을 수정해 키보드 방향키 좌, 우, 위, 아래의 값에 순서대로 반응하는 KeyMatch 노드를 만들었다. 해당하는 키보드 값이 눌리면, 토글박스가 켜지게 된다.
▷Stack 노드
stack 노드를 활용해 현재의 값에서부터 수치 데이터를 가,감할 수 있다. 키보드 방향키에 값에 따라 움직이도록 만들어야 하기 때문에, X축과 Y축 두 가지 값이 필요하다. 키보드 방향키 위와 아래키에 따라 Y축 값이 가감되어야 하고, 키보드 방향키 좌, 우에 따라 X축 값이 가감되어야 한다. 이에따라 위처럼 Stack 노드가 2개 필요하다.
▷Map 노드
map 노드를 활용해 서로 다른 수치 값을 호환해주기만 하면 방향키에 따라 움직이는 도형을 만들 수 있다. stack 노드의 값은 0~100정도까지의 값을 가지는 반면, Circle 노드에서 좌표값의 움직임은 -1~1까지의 값을 가진다. 이렇게 서로 다른 수치 값을 가지는 경우 map 노드를 활용해 호환해주어야 한다. Map 노드는 자주 사용되는 노드이다.
아래의 완성된 데모 버전을 보며 각 노드들이 어떻게 기능하는지 확인해보자!
▷키보드로 도형 움직이기 데모
'교육은 한 사람의 인생을 바꾼다 > AI교육' 카테고리의 다른 글
완전 초짜 VVVV : 3D 모델 파일을 불러오기 (2) | 2021.01.23 |
---|---|
완전 초짜 VVVV : 불규칙한 수치데이터 다듬기 (1) | 2021.01.22 |
완전 초짜 VVVV : 마우스 좌표값과 상태 (2) | 2021.01.20 |
완전 초짜 VVVV : 속성을 조절하는 Inspektor (2) | 2021.01.19 |
완전 초짜 VVVV : 노드와 I/O박스 연결 (4) | 2021.01.18 |
댓글