Lobby 씬 제작

오늘의 목표는 로비 화면 만들기

기획서

기획서

BackGround

초기	3초 후

• 화면이 가만히 있으면 아쉬워서 이전에 만든 기능들을 활용해서 뒤 화면이 계속 바뀌게 하였다.
• 3초 간격으로 백그라운드 색이 랜덤으로 변경되는 방식으로 구현.

컴포넌트 설정

Hierarchy

BackGround

• Board와 비슷한 방식으로 구현하였다.

Cell

• 색이 바뀌는 기능이 있는 Cell 스크립트를 재활용 하였다.

코드

ColorConverter

• 이전에 만든 ColorConverter 클래스에 랜덤한 색을 리턴하는 메서드를 추가하였다.

BackGround

• 변화까지 걸리는 시간은 직렬화로 입력 받았다.
• 코루틴을 이용하여 changeTime 간격으로 모든 색이 랜덤한 색으로 변화하게 구현하였다.

Test

Test

• 잘 작동한다.

스테이지 창 기능

스테이지 창

• 여러 스테이지를 구현할 것이기 때문에 GamePlay 버튼을 누르면 스테이지 창이 나오게 끔 구현하였다.

컴포넌트 설정

Hierarchy

MainUI

• 자식 오브젝트를 끌어다 사용하므로 프리펩 화 해도 괜찮을 것 같다.

버튼들

• 컴포넌트만 추가하고 별 다른 설정은 하지 않았다.

코드

MainUI

• 일단 모든 버튼과 스테이지 창은 직렬화로 구현하였다.(스테이지 창 정도는 후에 코드로 가져올 수 있을 듯 하다)

Test

Test

• 잠깐 사이에 배경이 좀 다르게 꾸며봤슴다.
• 아무튼 잘 작동한다.

스크롤 기능

스크롤 기능

• 스테이지가 많아질 걸 대비해서 스크롤 뷰를 이용해서 제작했다.
• 처음 사용해보는 기능이라 공부가 필요했다.
• Scroll View와 Content Size Fitter

컴포넌트 설정

Hierarchy

• 유니티에서 제공하는 기능 사용

Stages

• Scroll Rect 설정에서 좌우로 움직이는 기능을 껏다.

Content

• Content Size Fitter 컴포넌트를 추가하여 상하의 크기가 자동으로 조절 될 수 이게 설정하였다.
• Vertical Layout Group을 이용해서 상하 정렬의 옵션을 설정해주었다.

코드

따위는 없다. 유니티 만세

Test

1개 일때

여러 개 일 때

• Layout으로 인해 잘 정리되어 있는 모습이다.

크기 이상으로 많을 때

• 스크롤이 추가된 모습을 확인할 수 있다.