회원 로그인
|
NGUI & PlayMaker를 이용한 텍스트 이동하기
NGUI & PlayMaker를 이용한 텍스트 이동하기
NGUI 버젼 2.0.7c와 PlayMaker 버젼 1.4로 기재되었다. |
NGUI 버튼과 PlayMaker를 이용하여 버튼 클릭 시 텍스트을 움직이게 해본다.
1. NGUI > Create a New UI 클릭, UI Tool 창에서 Create Your UI 클릭하여 기본 Anchor 생성한다.
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 참고)
3. Hierarchy 뷰에서 생성 된 Button 이름을 변경하고 Label의 글자도 변경한다.
4. Hierarchy 뷰에서 Button로 가지고 Copy, Paste하여 3번을 반복하여 x축으로 버튼들을 배치한다.
5. Hierarchy 뷰에서 Panel을 선택 후 새로운 Lebel Widget을 생성한다.(1-3)
UI는 설정 완료 되었다. PlayMaker를 이용한 버튼들의 이벤트를 만들어 보자.
6. Hierarchy 뷰의 버튼을 선택(1), playMaker에서 마우스 오른쪽 클릭 후 Add FSM을 클릭(2)하여 상태를 생성한다.(상태명은 left로 변경함)
7. 버튼(1)에 UIEventsToPlayMakerFSM.cs을 컴포넌트 추가(2)하고, left 상태(3)의 Events(4)에서 OnClick 이벤트를 추가(5)한다.
8. left 상태 마우스 오른 클릭 > Add Transition에 OnClick 이벤트가 생성되어 있다. 선택한다.
9. 텍스트가 움직이는 명령을 할 상태를 하나 만들어 FINISHED 이벤트를 준다.
10. OnClick 이벤트를 move left 상태에 연결, FINISHED 이벤트를 left 상태에 연결한다.
11. move left 상태를 선택하고 Action > iTween > iTween Move Add(1)를 선택하여 컴포넌트 한다.(2)
12. State 탭에 Game Object를 Specify Game Object를 선택하고 아래 None (GameObject)에 Hirearchy 창의 Lablel을 넣는다.(1)
Vector를 풀어 X에 왼쪽으로 이동 값을 넣는다. 왼쪽으로 이동하려면 X는 -값이 된다.(2)
13. 다른 버튼들을 6~12번을 반복하여 상태들을 적용하여 준다.
- movetext.unitypackage (8.6MB) (0)
댓글 0개
| 엮인글 0개
146개(6/8페이지)
번호 | 제목 | 글쓴이 | 조회 | 날짜 |
---|---|---|---|---|
유니티 강좌 모음(영문) | 푸딩뱃살 | 60398 | 2013.08.28 12:02 | |
유니티 경고, 에러 모음 (재정리 예정) [1+1] | 푸딩뱃살 | 71318 | 2013.08.12 00:09 | |
44 | [애셋] NGUI & PlayMaker - Random Button | 푸딩뱃살 | 7395 | 2014.01.23 02:09 |
43 | [애셋] PlayMaker - Random String | 푸딩뱃살 | 5703 | 2014.01.22 03:29 |
42 | [애셋] NGUI & PlayMaker - 웹툰 앱을 만들기 | 푸딩뱃살 | 7085 | 2014.01.20 00:25 |
41 | [애셋] NGUI를 이용한 스크롤 사용하기 | 푸딩뱃살 | 9922 | 2014.01.15 03:21 |
>> | [애셋] NGUI & PlayMaker를 이용한 텍스트 이동하기 | 푸딩뱃살 | 8265 | 2014.01.15 01:07 |
39 | [애셋] NGUI 기본 | 푸딩뱃살 | 7948 | 2014.01.10 03:03 |
38 | [애셋] PlayMaker 기본 | 푸딩뱃살 | 7733 | 2014.01.10 01:30 |
37 | [유니티] Character Controller 캐릭터 컨트롤러 | 푸딩뱃살 | 8918 | 2013.12.23 23:52 |
36 | [스트립트] raycast 예제 | 푸딩뱃살 | 2239 | 2013.12.11 13:40 |
35 | [유니티] unityPackage 만들기 | 푸딩뱃살 | 12047 | 2013.11.29 14:35 |
34 | [유니티] Mecanim으로 애니메이션 연결 | 푸딩뱃살 | 8154 | 2013.11.28 14:12 |
33 | [스트립트] Class (클래스) | 푸딩뱃살 | 2773 | 2013.11.26 23:46 |
32 | [참고] Unity 디컴파일 - Unity 3D Obfuscator 사용법 | 푸딩뱃살 | 4919 | 2013.11.24 16:56 |
31 | [참고] Unity 3D Obfuscator | 푸딩뱃살 | 7989 | 2013.11.24 01:10 |
30 | [스트립트] GUI.Button() 예제 | 푸딩뱃살 | 4951 | 2013.11.22 00:49 |
29 | [스트립트] 마우스 제어 적용 (클릭,오버,아웃) | 푸딩뱃살 | 5785 | 2013.11.21 14:29 |
28 | [소셜] Unite 2013 - Connect Unity gamers across platforms with | 푸딩뱃살 | 1517 | 2013.11.19 18:49 |
27 | [소셜] Facebook SDK for Unity Tutorials (iOS, Android,Web) | 푸딩뱃살 | 5154 | 2013.11.19 14:28 |
26 | [참고] Unite Vancouver 2013 Keynote | 푸딩뱃살 | 3160 | 2013.11.13 20:42 |
25 | [정보] 유니티, 2D 개발 툴 장착한 ‘유니티 4.3’ 전 세계 동시 공개 | 푸딩뱃살 | 3940 | 2013.11.13 20:26 |