canvas3

• 

  2024.06.14 TIL - UGUI(Unity's User Interface) UGUI (Unity의 User Interface)Unity의 기본 UI 시스템으로 게임 내의 사용자 인터페이스를 구축하는 데 사용된다. Canvas`UGUI`에서 모든 UI 요소는 `Canvas`라는 컴포넌트 내에 배치된다.`Canvas`는 스크린 오버레이, 카메라 오버레이, 월드 공간의 3가지 렌더 모드를 지원한다. 세 가지 렌더링 모드Screen Space - Screen Overlay카메라 설정이나 월드의 변화에 상관없이 독립적으로 화면 위에 렌더링한다.즉, 무조건 UI를 제일 위에 평면으로 그리는 모드이다.Screen Space - Camera Overlay특정한 카메라가 실제 평면을 찍고 있는 것처럼 그린다.Order in Layer에 따라 그려지지 않을 수도 있다.World Space몬스터의.. 스파르타 게임개발종합반(Unity)/TIL - 본캠프 매일 공부 기록 2024. 6. 14.

• 

  [Unity/2D] 체력바 만들기 - Canvas, UI, Anchors NormalCat의 Hungry, Full 이미지 설정 NormalCat은 빈 오브젝트로 생성 Hungry, Full은 Sprites → Square 로 생성 우선 Full은 숨겨주겠습니다. Hungry 고양이의 체력바 이미지 생성 및 설정 Hungry 밑에 체력바를 생성해보겠습니다. Hungry → UI → Image 클릭 이제 Canvas를 클릭해보시면 Render Mode에 Overlay라고 적혀있죠? 휴대폰이라면 휴대폰 기기 스크린에, 노트북이면 노트북 기기 스크린에 직접적으로 그려진다고 생각하시면 됩니다. 자세한 설명은 더보기란▼ 더보기 Render Mode 중 Overlay는 카메라의 배경 위에 UI 요소를 렌더링하는 모드를 말합니다. 즉, Overlay 모드에서는 UI 요소가 카메라의 배경을.. 스파르타 게임개발종합반(Unity)/사전캠프 공부 기록 2024. 4. 3.

• 

  [Unity/2D] 점수 보드 만들기 - UI(User Interface) 이전편 2024.03.28 - [Unity/2D] - [Unity/2D] 점수 보드 만들기 - UI(User Interface) UI는 Canvas라는 도화지 위에 그려지고, 카메라 위치와는 관계가 없이 보여집니다. → 버튼 / 텍스트 / 순위 등을 보여줄 때 사용됩니다. 점수 보드를 만들어 보겠습니다. 우선 Hierarchy창에 마우스 우클릭을 해주세요. UI → Legacy → Text 를 클릭합니다. 그러면 이렇게 우리가 원래 작업하던 공간이 아닌 별게의 Canvas 공간에 Text가 나타나게 됩니다. Canvas를 더블클릭해보면 이렇게 굉장히 넓은 영역으로 이동을 했습니다. 이 Canvas라는게 카메라가 찍는게 아니라 화면에 바로 그려지는 영역이라는 것을 알 수 있습니다. Text를 더블클릭하여 .. 스파르타 게임개발종합반(Unity)/사전캠프 공부 기록 2024. 3. 28.