회원 로그인
|
![](http://dvframes.com/rb/_var/simbol/artsone.jpg)
NGUI & PlayMaker를 이용한 텍스트 이동하기
NGUI & PlayMaker를 이용한 텍스트 이동하기
![]() |
NGUI 버튼과 PlayMaker를 이용하여 버튼 클릭 시 텍스트을 움직이게 해본다.
![](http://dvframes.com/rb/files/2014/01/15/e2585088b41fd97a3e70f96ad5adc812015449.png)
1. NGUI > Create a New UI 클릭, UI Tool 창에서 Create Your UI 클릭하여 기본 Anchor 생성한다.
![](http://dvframes.com/rb/files/2014/01/15/b3954c1c6b18ddfe2d533bef822d0740015449.png)
2. Hierarchy 뷰의 Panel을 선택(1)하고, NGUI > Create a Wedget 클릭, Widget Tool 창에서 Atlas와 Font를 넣어주고(2), Template의 Button 선택(3) 후 Add To 클릭(4)하여 버튼 위젯 생성한다.
Atlas와 Font는 직접 만들거나, Project 뷰에서 Assets > NGUI > Examples > Atlases 중 하나 골라서 사용한다.(사용법은 2일차 NGUI 참고)
![](http://dvframes.com/rb/files/2014/01/15/ac50ae6917d5714d8a1ee0f1b05ff545015449.png)
3. Hierarchy 뷰에서 생성 된 Button 이름을 변경하고 Label의 글자도 변경한다.
![](http://dvframes.com/rb/files/2014/01/15/fc49d31ae611fad8adbcea8907040a95015449.png)
4. Hierarchy 뷰에서 Button로 가지고 Copy, Paste하여 3번을 반복하여 x축으로 버튼들을 배치한다.
![](http://dvframes.com/rb/files/2014/01/15/32c218bcf49f75cebc870beb9ef7b06e015656.png)
5. Hierarchy 뷰에서 Panel을 선택 후 새로운 Lebel Widget을 생성한다.(1-3)
UI는 설정 완료 되었다. PlayMaker를 이용한 버튼들의 이벤트를 만들어 보자.
![](http://dvframes.com/rb/files/2014/01/15/433db8915ba947df6e64e21537877180021022.png)
6. Hierarchy 뷰의 버튼을 선택(1), playMaker에서 마우스 오른쪽 클릭 후 Add FSM을 클릭(2)하여 상태를 생성한다.(상태명은 left로 변경함)
![](http://dvframes.com/rb/files/2014/01/15/ddb75c12e388235ee80a8939bbdc4a7e023050.png)
7. 버튼(1)에 UIEventsToPlayMakerFSM.cs을 컴포넌트 추가(2)하고, left 상태(3)의 Events(4)에서 OnClick 이벤트를 추가(5)한다.
![](http://dvframes.com/rb/files/2014/01/15/86f5e34ddf9f042798de38ef67385086023521.png)
8. left 상태 마우스 오른 클릭 > Add Transition에 OnClick 이벤트가 생성되어 있다. 선택한다.
![](http://dvframes.com/rb/files/2014/01/15/081d3ecb7709ae702e5f44e6281c1a5a025046.png)
9. 텍스트가 움직이는 명령을 할 상태를 하나 만들어 FINISHED 이벤트를 준다.
![](http://dvframes.com/rb/files/2014/01/15/d8f81ea60fad64b96b7247377b45b162025241.png)
10. OnClick 이벤트를 move left 상태에 연결, FINISHED 이벤트를 left 상태에 연결한다.
![](http://dvframes.com/rb/files/2014/01/15/ba1a886e9505047b54682da52f99282a030428.png)
11. move left 상태를 선택하고 Action > iTween > iTween Move Add(1)를 선택하여 컴포넌트 한다.(2)
![](http://dvframes.com/rb/files/2014/01/15/2db0ff49d16ebded9d2a2fbca7f90fa1030447.png)
12. State 탭에 Game Object를 Specify Game Object를 선택하고 아래 None (GameObject)에 Hirearchy 창의 Lablel을 넣는다.(1)
Vector를 풀어 X에 왼쪽으로 이동 값을 넣는다. 왼쪽으로 이동하려면 X는 -값이 된다.(2)
13. 다른 버튼들을 6~12번을 반복하여 상태들을 적용하여 준다.
- movetext.unitypackage (8.6MB) (0)
![](/rb/modules/bbs/theme/_pc/list01/image/ico_comment.gif)
146개(1/8페이지)
번호 | 제목 | 글쓴이 | 조회 | 날짜 |
---|---|---|---|---|
![]() |
유니티 강좌 모음(영문) | 푸딩뱃살 | 61496 | 2013.08.28 12:02 |
![]() |
유니티 경고, 에러 모음 (재정리 예정)
![]() |
푸딩뱃살 | 72800 | 2013.08.12 00:09 |
144 |
[콘솔] 오류 : ~ multicast group
![]() |
푸딩뱃살 | 1120 | 2019.09.04 00:23 |
143 |
[콘솔] 오류 : NullReferenceException
![]() |
푸딩뱃살 | 1127 | 2019.07.23 00:26 |
142 | [유니티] Unite Seoul 2019 다시보기 | 푸딩뱃살 | 1275 | 2019.06.28 10:00 |
141 | [정보] GDC 2019 유니티 키노트 하이라이트 | 푸딩뱃살 | 1380 | 2019.03.26 10:45 |
140 |
[유니티] Unite Seoul 2018 아젠다 & 세션 다시보기
![]() ![]() |
푸딩뱃살 | 2757 | 2018.05.25 10:32 |
139 |
[VR/AR] Stereo 360 Image and Video Capture
![]() ![]() |
푸딩뱃살 | 2059 | 2018.02.02 10:53 |
138 | [VR/AR] ARKit - Face Tracking | 푸딩뱃살 | 1798 | 2018.01.17 16:57 |
137 | [참고] ADAM :Making 참고 | 푸딩뱃살 | 2049 | 2017.12.04 11:14 |
136 |
[정보] ARKit Face Tracking on iPhone X
![]() |
푸딩뱃살 | 3157 | 2017.11.08 09:59 |
135 | [VR/AR] Vive Full Body Tracking Demo | 푸딩뱃살 | 2163 | 2017.10.31 18:54 |
134 |
[애셋] 유니티 모델링 - UModeler
![]() ![]() |
푸딩뱃살 | 2209 | 2017.10.20 14:02 |
133 |
[유니티] 맥에서 안드로이드/자바 SDK 경로
![]() ![]() |
푸딩뱃살 | 3348 | 2017.10.04 23:58 |
132 |
[콘솔] 오류 : Fatal Error! The project is on case sensitive file
![]() ![]() |
푸딩뱃살 | 2799 | 2017.10.01 19:59 |
131 | [참고] Adam (Made with Unity) | 푸딩뱃살 | 2517 | 2017.10.01 18:33 |
130 | [정보] 보안 패치 | 푸딩뱃살 | 1940 | 2017.08.21 15:59 |
129 |
[콘솔] 오류: Failed to load '.dll', ......
![]() |
푸딩뱃살 | 2107 | 2017.08.20 00:57 |
128 |
[콘솔] 오류: [VRDevice] Initialization of device oculus failed.
![]() |
푸딩뱃살 | 1958 | 2017.08.19 03:05 |
127 |
[콘솔] 오류: MissingComponentException
![]() |
푸딩뱃살 | 2993 | 2017.08.19 02:05 |
126 |
[콘솔] 오류: Android Manifests
![]() |
푸딩뱃살 | 2765 | 2017.08.18 03:01 |
125 | [VR/AR] Google VR SDK for Unity | 푸딩뱃살 | 3580 | 2017.08.18 00:10 |