UI5

• 

  [Unity/2D] 레벨 시스템 구현 - UI, text, ToString, localScale 고양이 5마리를 배부르게 하면 1레벨이 오르는 레벨링 시스템을 구현해보겠습니다. 게이지가 차오르는 UI 설정은 아래 게시글들을 참고해주세요. 2024.04.03 - [Unity/2D] - [Unity/2D] 체력바 만들기 - Canvas, UI, Anchors 2024.04.03 - [Unity/2D] - [Unity/2D] 체력바 게이지 상승하는 코드 작성 - UI, OnTriggerEnter2D, localScale GameManager.cs public RectTransform levelFront; public Text levelTxt; int level = 0; // 현재 레벨 int score = 0; // 점수 5점당 1레벨 public void AddScore() { score++; leve.. 스파르타 게임개발종합반(Unity)/사전캠프 공부 기록 2024. 4. 4.

• 

  [Unity/2D] 체력바 게이지 상승하는 코드 작성 - UI, OnTriggerEnter2D, localScale 이전편 2024.04.03 - [Unity/2D] - [Unity/2D] 체력바 만들기 - Canvas, UI, Anchors 밑에서 위로 올라가는 Food의 중력 설정 Food에 Rigidbody의 타입을 Dynamic에서 'Kinematic'으로 바꿨습니다. 또한, 콜라이더에 'is Trigger'를 체크 해주었습니다. NormalCat의 콜라이더에도 'is Trigger'를 체크해주었습니다. 그러면 OnTriggerEnter2D 이벤트 함수를 사용해야겠죠? 이유는 아래 게시글을 참고해주세요. 2024.04.03 - [Unity/2D] - [Unity/2D] 밑에서 위로 올라가는 물체의 중력 - Rigidbody, Dynamic, Kinematic 차이 고양이가 Food에 맞으면 체력바 게이지 상승 .. 스파르타 게임개발종합반(Unity)/사전캠프 공부 기록 2024. 4. 3.

• 

  [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] 쉐도우 효과 넣기 - Shadow, UI 쉐도우 효과가 뭐지? 할 수도 있으실거 같아서 미리 결과보여드리고 시작하겠습니다. 이렇게 하얀색 판넬 뒤에 노란색 그림자가 보이실텐데 이 효과를 만들어보겠습니다. 우선 Shadow 컴포넌트를 찾고 추가해주었습니다. Color 값은 R : 255 G : 255 B : 0 A : 150 으로 노란색을 적용해주었습니다. 쉐도우 효과 거리값은 X : 15 Y : -15 로 설정해주었습니다. 그러면 이렇게 하얀색 판넬 뒤로 노란색 쉐도우 효과가 생기게 됩니다. 모바일 화면 크기 설정이 궁금하다면? 2024.03.28 - [Unity/기타] - [Unity] 모바일 크기 설정 / 디스플레이 설정 스파르타 게임개발종합반(Unity)/사전캠프 공부 기록 2024. 3. 29.

• 

  [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.