차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판 이전 판
다음 판
이전 판
wemx:user_components:pipeflowanimation [2018/09/17 22:07]
wemx
wemx:user_components:pipeflowanimation [2020/07/30 20:18] (현재)
wemx
줄 1: 줄 1:
 +{{indexmenu_n>2}}
 ====== 다양한 사용자 컴포넌트 활용하기 (PipeFlowAnimation Component) ====== ====== 다양한 사용자 컴포넌트 활용하기 (PipeFlowAnimation Component) ======
  
-weMX 홈페이지에서 제공하고 있는 사용자 컴포넌트 중 PipeFlowAnimation 컴포넌트를 다운로드 하여 weMX Designer에서 활용할 수 있습니다. +weMX 홈페이지에서 제공하고 있는 사용자 컴포넌트 중 PipeFlowAnimation 컴포넌트를 다운로드 하여 weMX Designer 2020에서 활용할 수 있습니다. 
  
 weMX 홈페이지의 [Support] – [Samples]에서 PipeFlowAnimation 컴포넌트를 다운로드 합니다 weMX 홈페이지의 [Support] – [Samples]에서 PipeFlowAnimation 컴포넌트를 다운로드 합니다
  
 {{usercomponent_pipe:003-2-1.png}} {{usercomponent_pipe:003-2-1.png}}
 +\\ \\
 +weMX Designer 2020을 실행하여 프로젝트를 생성 후 [프로젝트] – [커스텀 설정] – [사용자 컴포넌트]로 이동합니다. 
 +
 +사용자 컴포넌트 설정 화면에서 [가져오기] 버튼을 클릭하여, 다운로드 한 w7zc파일을 추가합니다. 
 +
 {{usercomponent_pipe:003-2-2.png}} {{usercomponent_pipe:003-2-2.png}}
 +\\ \\
 +[프로젝트] – [공통 설정] – [이미지 라이브러리]를 선택하여 파이프 이미지를 추가합니다. 
 +
 {{usercomponent_pipe:003-2-3.png}} {{usercomponent_pipe:003-2-3.png}}
 +\\ \\
 +추가한 파이프 이미지를 화면 1에 그립니다. 
 +
 +[편집] - [회전/반전]기능을 이용하여 파이프 이미지를 원하는 모양으로 배치 할 수 있습니다.
 +
 {{usercomponent_pipe:003-2-4.png}} {{usercomponent_pipe:003-2-4.png}}
 +\\ \\
 + [파트] – [사용자 컴포넌트] – [Animation Pipe] 를 선택하여 기존의 파이프 이미지 위에 추가하여 그립니다. (1단계)
 +
 {{usercomponent_pipe:003-2-5.png}} {{usercomponent_pipe:003-2-5.png}}
 +\\ \\
 +화면의 PipeFlowAnimationComponent를 더블 클릭하면 설정 가능 한 속성들을 확인 할 수 있습니다. 
 +
 +|<50%>|
 +^  속성              설명                                ^
 +| Tag to Control Speed           | 파이프 유속을 제어하는 태그  |
 +| Flow image            | 파이프 활성화 시 흐르는 이미지                      |
 +| Minimum speed            | 프레임 갱신 속도                          |
 +| Maximum speed         | 최대 유속                          |
 +
 +파이프 유속을 제어하기 위해서 사용자 태그를 추가합니다. 
 +
 {{usercomponent_pipe:003-2-6.png}} {{usercomponent_pipe:003-2-6.png}}
 +\\ \\
 +PipeFlowAnimationComponent 의 속성에서 추가한 사용자 태그를 선택합니다. (1단계)
 +
 {{usercomponent_pipe:003-2-7.png}} {{usercomponent_pipe:003-2-7.png}}
 +\\ \\
 +PipeFlowAnimationComponent 컴포넌트를 하나 더 추가합니다. (2단계)
 +
 {{usercomponent_pipe:003-2-8.png}} {{usercomponent_pipe:003-2-8.png}}
 +\\ \\
 +추가한 파이프의 유속을 제어하기 위해 사용자 태그를 추가합니다. (2단계)
 +
 {{usercomponent_pipe:003-2-9.png}} {{usercomponent_pipe:003-2-9.png}}
 +\\ \\
 +PipeFlowAnimationComponent 의 속성에서 추가한 사용자 태그를 선택합니다. (2단계)
 +
 {{usercomponent_pipe:003-2-10.png}} {{usercomponent_pipe:003-2-10.png}}
 +\\ \\
 +파이프 활성화를 제어하기 위해서 화면에 비트 스위치를 2개 그려준 뒤 속성을 설정합니다.
 +
 {{usercomponent_pipe:003-2-11.png}} {{usercomponent_pipe:003-2-11.png}}
 +
 {{usercomponent_pipe:003-2-12.png}} {{usercomponent_pipe:003-2-12.png}}
 +
 {{usercomponent_pipe:003-2-13.png}} {{usercomponent_pipe:003-2-13.png}}
-{{usercomponent_pipe:003-2-14.png}}+\\ \\ 
 + [프로젝트] – [오프라인 시뮬레이션]을 실행하여 파이프 컴포넌트가 잘 동작하는지 확인합니다
  
 +{{usercomponent_pipe:003-2-14.png}}
 +\\ \\
 [링크] [링크]
  
줄 25: 줄 74:
  
 **KB3-2 다양한 사용자 컴포넌트 활용하기(PipeFlowAnimation Component)** **KB3-2 다양한 사용자 컴포넌트 활용하기(PipeFlowAnimation Component)**
 +
 +[파일링크]
 +
 +[[http://203.229.219.135/pds/wemx-KB-003-2-UserComponent_Pipe.w7z|wemx-KB-003-2-UserComponent_Pipe.w7z]]
  • wemx/user_components/pipeflowanimation.1537247237.txt.gz
  • 마지막으로 수정됨: 2018/09/17 22:07
  • 저자 wemx