[UI/UX] 건축 시각화 인터랙티브 UI 제작 - 7

오늘은 저번시간에 제작한 배열변수를 활용해 버튼을 클릭하면 해당 카메라로 이동하는 블루프린트를 제작하겠습니다.

 

WBP_Main을 실행합니다.

 

 

그다음 Button_cam1을 클릭한 후 왼쪽 아래에 보이는 클릭 시 + 버튼을 눌러 노드를 생성합니다.

Button_cam2도 동일한 방법으로 클릭 노드를 생성합니다.

 

배열 변수를 get 형태로 가져온 뒤 for each loop 노드와 연결시킵니다.

 

array element를 드래그 앤 드롭 후 get camera num을 클릭합니다. 

(만약 해당 그래프를 찾을 수 없다면, 이전 강의글을 다시 참고하시길 바랍니다.)

 

camera num을 드래그 앤 드랍후 equal을 클릭합니다.

 

eqaul 그래프의 숫자를0->1로 변경합니다.

그리고 부울(bool)을 드래그 앤 드롭 후 branch(if)를 찾아 클릭합니다 

 

그다음 get plaery controller를 찾아 클릭 후 해당 노드를 드래그 앤 드롭해 set view target with blend를 클릭합니다.

 

blend time, blend func, blend exp의 값들을 원하는 값으로 변경합니다.

(처음에는 저와 같이 설정하신 후 천천히 다른 값으로 변경하며 테스트하시면서 익히시는 것을 추천합니다.)

 

그다음 new view target을 for each loop의 array element로 연결합니다.

 

지금까지 만든 블루프린트 노드들을 복사해 Button_cam2에도 연결합니다.

그리고 equal 노드의 숫자를 1->2로 변경합니다.

 

컴파일 저장 후 플레이하면 버튼이 정상적으로 작동하는 것을 확인할 수 있습니다.

이로써 해당 강의를 마치겠습니다. 

다음 강의는 더 좋고 실용적인 강의를 만들어 보겠습니다.

감사합니다!