Study/Unity3D 썸네일형 리스트형 [ 퍼온 글 ] [Unity3D 강좌] NGUI Example 10 - Localization [Unity3D 강좌] NGUI Example 10 - Localization written by icoder(http://icoder.tistory.com)Localization 예제는 NGUI의 Localization, UILocalize 컴포넌트를 이용하여 다국어를 지원하는 손쉬운 방법을 보여줍니다. 현실적으로 실무에서 사용할 수 있을지 없을지는 좀 더 확인이 필요 하겠지만, 적어도 NGUI 개발 영역 내에서는 적은 비용으로 완벽한 다국어 지원 UI를 구성할 수 있습니다.필요한 부분만 만들면서 설명 하겠습니다. 또한 원본 예제와는 달리, 버튼등의 간단한 UI는 Widget Tool을 사용해서 만들겠습니다. Widget Tool을 사용하는 기본적인 방법은 [NGUI 튜토리얼]을 참고하세요. 1. 새로.. 더보기 [ 퍼온 글 ] [Unity3D 강좌] NGUI Example 9 - Quest Log [Unity3D 강좌] NGUI Example 9 - Quest Log written by icoder(http://icoder.tistory.com)Quest Log 예제는 버튼을 클릭하여 UI를 보이거나 감추는 토글 기능을 설명하고 있습니다. 토글 핸들링을 위해서 Example 2 - Interaction에서 설명했던 UIButton Tween 컴포넌트를 사용하고 보이기 감추기 효과를 위해 Tween Scale과 Tween Color 컴포넌트를 사용하고 있습니다. 또한, Example 7 - Scroll View (Panel)에서 설명했던 UIDraggable Panel을 사용해 스크롤링을 구현하고, Example 8 - Scroll View (Camera)에서 설명했던 UITable을 사용해서 리스.. 더보기 [ 퍼온 글 ] [Unity3D 강좌] NGUI Example 8 - Scroll View (Camera) [Unity3D 강좌] NGUI Example 8 - Scroll View (Camera) written by icoder(http://icoder.tistory.com)인터넷에 올라온 NGUI를 설명하는 예제로 가장 많은 포스트가 Scroll View 입니다. 그만큼 활용도가 높고 퀄리티 있는 결과를 만들어 낸다는 이야기입니다. 스크롤 뷰는 N개 위젯 아이템을 담을 수 있는 UI 구조와, 드래깅을 통해 스크롤링 할 수 있는 기능을 제공해야 합니다. NGUI는 Mac(IPhone) UI에서 볼 수 있는 스프링 슬라이딩 효과도 지원합니다. 또한, 클리핑되는 경계면을 부드럽게 잘라내어 감성있는 UI를 만들어 낼 수 있습니다. 여기서는 카메라를 이동하는 방식으로 스크롤 뷰를 구현하고 있습니다. 패널을 이동하는.. 더보기 [ 퍼온 글 ] [Unity3D 강좌] NGUI Example 7 - Scroll View (Panel) [Unity3D 강좌] NGUI Example 7 - Scroll View (Panel) written by icoder(http://icoder.tistory.com)인터넷에 올라온 NGUI를 설명하는 예제로 가장 많은 포스트가 Scroll View 입니다. 그만큼 활용도가 높고 퀄리티 있는 결과를 만들어 낸다는 이야기입니다. 스크롤 뷰는 N개 위젯 아이템을 담을 수 있는 UI 구조와, 드래깅을 통해 스크롤링 할 수 있는 기능을 제공해야 합니다. NGUI는 Mac(IPhone) UI에서 볼 수 있는 스프링 슬라이딩 효과도 지원합니다. 또한, 클리핑되는 경계면을 부드럽게 잘라내어 감성있는 UI를 만들어 낼 수 있습니다. 여기서는 뷰 Panel을 이동하는 방식으로 스크롤 뷰를 구현하고 있습니다. 카메라를 .. 더보기 [ 퍼온 글 ] [Unity3D 강좌] NGUI Example 6 - Draggable Window [Unity3D 강좌] NGUI Example 6 - Draggable Window written by icoder(http://icoder.tistory.com)UI 화면을 드래그 하는 방법에 대해 소개합니다. 일반적인 GUI 윈도우는 타이틀 영역에 마우스를 드래그하면 윈도우가 움직입니다. 물론, 컨텐츠의 성격에 따라 그렇지 않은 경우도 많습니다. NGUI는 UIDrag Object 컴포넌트를 이용해서 UI 윈도우를 드래그 할 수 있습니다. 또한, Lag Position 컴포넌트를 이용해서 드래그 감도를 조절할 수 있고, 기우뚱하게 드래그 되는 효과를 주기 위해 Window Drag Tilt 컴포넌트를 사용할 수 있습니다. 만약 카메라가 Perspective로 설정되어 있다면 Window Auto Ya.. 더보기 [ 퍼온 글 ] [Unity3D 강좌] NGUI Example 5 - Lights and Refraction [Unity3D 강좌] NGUI Example 5 - Lights and Refraction written by icoder(http://icoder.tistory.com)UI 화면에 조명을 다루는 흥미로운 주제입니다. 때로는, 일부 UI 화면이 번쩍이거나 빛나는 애니메이션을 연출하고 싶을 때가 있습니다. 파티클을 이용해서 어느정도 표현할 수 있겠지만, 독립적인 재질을 가진 오브젝트 연출 이므로 UI화면과 조화된 모습이 나오기 힘듭니다. 이 예제는 Point Light와 Normal Map을 사용해서 입체적인 빛나는 효과를 연출 해 봅니다. 또한 Animation 클립과 Point Light를 결합하여 조명을 애니메이션 시키는 환상적인 연출을 시도 해 봅니다.필요한 부분만 만들면서 설명 하겠습니다. 또한.. 더보기 [ 퍼온 글 ] [Unity3D 강좌] NGUI Example 4 - Controller Input [Unity3D 강좌] NGUI Example 4 - Controller Input written by icoder(http://icoder.tistory.com)윈도우즈 GUI 시스템을 사용해 본 경험이 있다면, TAB키나 화살표 방향키로 컨트롤(위젯)의 포커스를 이동한 경험이 있을겁니다. 이 예제는 이와 같은 키보드 컨트롤러 입력을 NGUI가 어떻게 처리 하는지 보여줍니다. 키 입력에 UI 포커스를 반응하게 하려면, 단순히 Widget 오브젝트에 UIButtonKeys 컴포넌트를 추가하고 키 입력에 대응하는 포커스 받을 컨트롤을 지정하면됩니다.필요한 부분만 만들면서 설명 하겠습니다. 또한 원본 예제와는 달리, 버튼등의 간단한 UI는 Widget Tool을 사용해서 만들겠습니다. Widget Tool을.. 더보기 [ 퍼온 길 ] [Unity3D 강좌] NGUI Example 3 - Menu [Unity3D 강좌] NGUI Example 3 - Menu written by icoder(http://icoder.tistory.com)이 예제는 UI에 동적인 시각 효과를 주기 위해 Animation 컴포넌트를 어떻게 적용 하는지 설명하고 있습니다. 이전 포스트에서 살펴본 Tween 컴포넌트는 시작점과 종료점 사이의 보간을 통한 단순한 애니메이션 연출만 가능하지만, Animation 컴포넌트는 말 그대로 다양한 키프레임 애니메이션 효과를 주어 연출이 가능합니다. 애니메이션 클립은 메뉴>Window>Animation 항목을 선택해서 제작할 수 있습니다. 하지만, 본 예제에서는 미리 만들어 놓은 애니메이션을 사용하고 있습니다. Animation 클립을 만드는 자세한 설명은 [여기]를 참고하세요.필요한.. 더보기 [ 퍼온 글 ] [Unity3D 강좌] NGUI Example 2 - Interaction [Unity3D 강좌] NGUI Example 2 - Interaction written by icoder(http://icoder.tistory.com)이 예제는 UI에 동적인 시각 효과를 주기 위해 NGUI Tween 컴포넌트들를 어떻게 적용 하는지 설명하고 있습니다. Tween Transfrom 또는 Tween Position으로 움직임의 시작과 끝을 지정하고 UIButton Tween으로 애니메이션을 실행 해 보겠습니다. 카메라의 Projection 모드를 Perspective로 설정하므로 UI 디스플레이는 3D 공간 상에서 이루어집니다.필요한 부분만 만들면서 설명 하겠습니다. 또한 원본 예제와는 달리, 버튼등의 간단한 UI는 Widget Tool을 사용해서 만들겠습니다. Widget Tool을 .. 더보기 [ 퍼온 글 ] [Unity3D 강좌] NGUI Example 1 - UIAnchor [Unity3D 강좌] NGUI Example 1 - UIAnchor written by icoder(http://icoder.tistory.com) 이 예제는 UIAnchor 컴포넌트의 Side 필드 속성이 어떻게 적용 되는지를 설명하고 있습니다. Side 속성은 자식 오브젝트(Widget)들의 배치 기준이 되는 좌표 원점을 설정합니다. 예를 들어, 이 값을 Center로 설정하면 스크린 중앙이 원점이 되어 자식 오브젝트의 위치 좌표가 (100, 0, 0) 이라면 화면 중앙에서 오른쪽으로 100 픽셀 떨어진 곳에 출력된다는 이야기 입니다. 또한, NGUI 위젯의 Pivot 속성에 따라 어떻게 정렬 되는지도 추가로 설명하려 합니다.필요한 부분만 만들면서 설명 하겠습니다. 또한 원본 예제와는 달리, 버튼등.. 더보기 이전 1 2 3 4 다음