게임 프로그래밍/유니티(2021.3 LTS) 강좌21 Scene 도구 - 그리드와 스냅 (Grid and Snap) 유니티의 Scene 에 오브젝트를 배치할 때 일정 간격으로 배치하거나 정렬이 필요한 경우가 생각보다 많이 있습니다. 유니티는 이와 같은 작업을 편리하게 수행할 수 있도록 도구를 제공해 주고 있습니다. 이 글에서는 각 도구의 사용법에 대해 자세히 알아보도록 하겠습니다. ▶ 도구 위치 도구는 Scene 창의 다음과 같은 위치에 있습니다. 왼쪽부터 차례대로 Grid Visual, Grid Snapping, Increment Snapping 도구 입니다. ▶ Grid Visual Grid Visual 도구는 말 그대로 그리드를 어떻게 보이게 할 것인지에 대한 옵션을 설정할 수 있습니다. 아래 화살표를 클릭하면 다음과 같은 팝업이 나타납니다. Grid Plane : 그리드를 표시할 축을 결정합니다. Opacity.. 2023. 2. 1. [유니티 기초] UI 편 - Layout 컴포넌트를 이용한 Scroll View 항목 생성 이번 글에서는 Layout 컴포넌트를 추가하여 Scroll View 에 항목을 넣고 실제로 활용하는 방법에 대해서 알아보도록 하겠습니다. Scroll Bar 는 안보이는 상태로 만들고 하도록 하겠습니다. ▶ Scrollbar 없애기 Scroll View Scroll Rect 컴포넌트의 Horizon Scrollbar 와 Vertical Scrollbar 를 None 으로 설정 Viewport RectTransform 컴포넌트에서 Left, Top, Right, Bottm 을 모두 0 으로 설정 Scrollbar Horizontal 비활성화 Scrollbar Vertical 비활성화 * Viewport 의 RectTransform 이 Stretch 로 설정되어 있으면 Viewport 의 크기가 부모 객체인.. 2022. 12. 5. [유니티 기초] UI 편 - Scroll View 의 기본 구조 이번 글에서는 Scroll View 에 대해 다뤄보겠습니다. Scroll View 는 게임에서 스테이지 선택, 캐릭터 선택, 인벤토리, 스킬 목록 등 아주 다양한 곳에서 활용될 수 있기 때문에 사용법을 꼭 익혀 두시는 게 좋을 것 같습니다. Scroll View의 원리를 제대로 이해하고 싶으시다면 Rect Transform 의 Anchor 속성에 대한 이해가 필요합니다. 필요하신 분은 여기를 참고해 주세요. 우선 아래 그림과 같은 경로를 통해 Scroll View 를 하나 만들어 줍니다. Scroll View 구조 Scroll View를 만들고 작시 노드를 펼쳐 보면 다음과 같은 구조로 되어 있습니다. 먼저 가장 상위 노드인 Scroll View 오브젝트에는 Image 컴포넌트와 ScrollRect 컴포.. 2022. 11. 30. [유니티 기초] UI - Image 컴포넌트 이번 글에서는 유니티 UI 컴포넌트 중 Image 에 대해 알아보도록 하겠습니다. ▶ 텍스쳐와 스프라이트 먼저 알아 두셔야 할 사항이 있습니다. 유니티 3D 에서는 기본적으로 그림 파일을 텍스쳐 형식으로 인식합니다. 그런데, 유니티 UI 에서 사용하는 그림 파일은 텍스쳐가 아닌 스프라이트 형식을 사용해야 합니다. 프로젝트가 3D 인 경우 Assets 폴더에 그림 파일을 복사하면 유니티는 해당 이미지 타입을 텍스쳐로 설정합니다. 이렇게 텍스쳐로 설정된 이미지는 Image 컴포넌트에서 사용할 수 없기 때문에 Sprite 형식으로 변경해 주어야 합니다. 유니티 프로젝트의 Assets 폴더에 그림 파일을 복사해 넣은 후 유니티 에디터에서 해당 파일을 선택하면 Inspector 창에 위와 같은 정보가 나타납니다... 2022. 11. 27. [유니티 기초] UI 편 - Button 이번 글에서는 유니티의 기본 UI 중 버튼과 이미지에 대해서 알아보도록 하겠습니다. 버튼은 게임에서 정말 많이 사용됩니다. 각종 메뉴 선택, 스킬 사용, 가방 열기 등등 버튼은 정말 많이 사용됩니다. 그럼 먼저 버튼을 하나 만들어 보도록 하겠습니다. 위의 그림과 같은 경로로 버튼을 만들 수 있습니다. 생성된 버튼의 Inspector 창을 보면 아래의 그림과 같습니다. 버튼과 이미지 컴포넌트가 추가되어 있습니다. 먼저 버튼 컴포넌트의 각 항목에 대해 알아보겠습니다. Transition 은 버튼의 상태 변화를 어떤 방식으로 표현할 것인가를 설정합니다. Transition None 상태 변화를 사용하지 않습니다. Color Tint 상태 변화에 색상을 이용합니다. Sprite Swap 상태 변화에 이미지를 이.. 2022. 11. 24. [유니티 강좌] UI - Anchor 의 Min, Max 유니티 Inspector 창에서 UI 객체를 선택하면 다음과 같이 Anchor Preset UI 에 stretch 라고 되어 있는 부분이 있습니다. Stretch 중하나를 선택하면 Anchor 는 선택한 preset 에 따라 X, Y 혹은 둘 다 Min, Max 값이 다르게 설정됩니다. Anchor 의 X 값이 범위로 설정되면 PosX > Left Width > Right 이 되고 Y 값이 범위로 설정되면 PosY > Top Height > Bottom 이 됩니다. 아래의 그림은 상하좌우 화살표가 있는 preset 을 선택한 것입니다. 위의 그림을 보면 Anchor X, Y값이 범위로 설정된 것이 보입니다. MinX = 0, MaxX = 1 / MinY = 0, MaxY = 1 입니다. 이렇게 Ancho.. 2022. 11. 23. 이전 1 2 3 4 다음
