스파르타 게임개발종합반(Unity)106

• 

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

• 

  [Unity] 빗방울 프리팹 반복 생성 - Instantiate(), InvokeRepeating() 이전편2024.03.28 - [Unity/2D] - [Unity/2D] 빗방울 랜덤 생성하기 - Random.Range, renderer.color 프리팹(Prefab) 하나 생성 - Instantiate()public class GameManager : MonoBehaviour{ public GameObject rain; void Start() { // 함수를 반복적으로 수행해주는 기능 InvokeRepeating("MakeRain", 0f, 1f); // 함수명, 몇 초 이후에 생성할건지, 생성주기 // MakeRain이라는 함수를 바로 1초마다 반복해서 호출 } // 빗.. 스파르타 게임개발종합반(Unity)/사전캠프 공부 기록 2024. 3. 28.

• 

  [Unity/2D] 빗방울 랜덤 생성하기 - Random.Range, renderer.color 이전편 2024.03.28 - [Unity/2D] - [Unity/2D] 중력, 충돌을 이용하여 빗방울 구현하기 - Rigidbody, Collider, OnCollisionEnter, Destroy 랜덤한 x, y 위치값 설정 Rain.cs void Start() { // Range(최소값, 최대값) float x = Random.Range(-2.4f, 2.4f); // x의 값 (-2.4f ~ 2.4f) 사이 float y = Random.Range(3.0f, 5.0f); // y의 값 (3.0f ~ 5.0f) 사이 // 랜덤한 x, y값으로 위치 설정(빗방울 랜덤 생성) transform.position = new Vector3(x, y, 0); } Random.Range(최소값, 최대값); 을 통.. 스파르타 게임개발종합반(Unity)/사전캠프 공부 기록 2024. 3. 28.

• 

  [Unity/2D] 중력, 충돌을 이용하여 빗방울 구현하기 - Rigidbody, Collider, OnCollisionEnter, Destroy 이전편 2024.03.28 - [Unity/2D] - [Unity/2D] 마우스 왼쪽 버튼이 눌러졌을 때 캐릭터 방향 전환하기 - Mouse Input 중력 컴포넌트 추가 - Rigidbody 플레이 버튼을 누르면 빗방울이 떨어지고 있지 않는데요. 중력이 없어서 그렇습니다. Rigidbody 컴포넌트를 추가해주면 중력이 적용됩니다. 여기서 Rigidbody는 3D에서, Rigidbody 2D는 2D에서 선택해주시면 됩니다. 충돌 컴포넌트 추가 - Collider 중력은 적용했지만 바닥을 뚫고 한 없이 밑으로 떨어질 것입니다. 그러면 바닥과 충돌하는지 알 수 있어야겠죠? 그래서 빗방울 오브젝트에 Circle Collider 컴포넌트를 추가합니다. 바닥 오브젝트에는 Box Collider 컴포넌트를 추가합니.. 스파르타 게임개발종합반(Unity)/사전캠프 공부 기록 2024. 3. 28.

• [Unity/2D] 마우스 왼쪽 버튼이 눌러졌을 때 캐릭터 방향 전환하기 - Mouse Input 시작하기 전에 이전 포스터 내용 참고해주세요! 2024.03.28 - [Unity/2D] - [Unity/2D] 캐릭터 방향 전환하기, 플립(Flip) // 마우스 왼쪽 버튼(0)이 눌러졌을 때 if (Input.GetMouseButtonDown(0)) { direction *= -1; renderer.flipX = !renderer.flipX; // renderer.flipX가 true면 false, false면 true } Input.GetMouseButtonDown() 을 통해 마우스 입력값을 받아올 수 있습니다. 괄호 안에 숫자에 따라 마우스 입력값이 다릅니다. 더보기 0 : 마우스 왼쪽 버튼 1 : 마우스 오른쪽 버튼 2 : 마우스 휠 버튼 3~6 : 그외 마우스 추가 버튼 마우스 왼쪽 버튼을 .. 스파르타 게임개발종합반(Unity)/사전캠프 공부 기록 2024. 3. 28.

• 

  [Unity/2D] 캐릭터 방향 전환하기 - 플립(Flip) 시작 하기 전에 이전 포스터 내용 참고해주세요! 2024.03.28 - [Unity/2D] - [Unity/2D] 캐릭터 이동하기, 초당 프레임 설정 캐릭터 방향 전환 변수(direction) 설정 float direction = 0.05f; void Update() { // 오른쪽 벽에 부딪혔을 때 왼쪽으로 방향 전환 if(transform.position.x > 2.6f) { direction = -0.05f; } // 왼쪽 벽에 부딪혔을 때 오른쪽으로 방향 전환 if (transform.position.x < -2.6f) { direction = 0.05f; } transform.position += Vector3.right * direction; // Vector3.right == new Vect.. 스파르타 게임개발종합반(Unity)/사전캠프 공부 기록 2024. 3. 28.

• [Unity/2D] 캐릭터 이동하기, 초당 프레임 설정 - Application.targetFrameRate 이전편 2024.03.28 - [Unity/2D] - [Unity/2D] 간단한 애니메이션 만들기 - Animator, Animation transform.position.x += 1; // 에러 위와 같이 코드를 작성하면 transform.position.x 라는 값은 변수가 아니라고 에러가 납니다. transform.position.x 에 값을 넣을 수는 없고, 불러오기만 가능합니다. 그렇다면 x방향(오른쪽)으로 캐릭터를 움직이기 위해서는 어떻게 해야 할까요? transform.position += new Vector3(1f, 0, 0); 위와 같이 작성해주면 됩니다. transform.position은 값을 대입할 수 있습니다. transform.position에 마우스를 갖다대면 'Vector3'.. 스파르타 게임개발종합반(Unity)/사전캠프 공부 기록 2024. 3. 28.

• 

  [Unity/2D] 간단한 애니메이션 만들기 - Animator, Animation 이전편 2024.03.28 - [Unity/2D] - [Unity/2D] 2D 오브젝트간 우선순위 - Order in Layer 애니메이션을 만들기 위한 그림을 위와 같이 준비했습니다. 먼저 Animation을 만들어주겠습니다. 이름은 위와 같이 RtanIdle 이라고 지정했습니다. Hierarchy창에 있는 Rtan을 클릭하면 인스펙터창에 정보가 뜨는데, RtanIdle을 파란 네모 영역으로 드래그 앤 드롭 해주시면 Animator이라는 컴포넌트가 생성됩니다. 그럼 자동으로 Rtan 이라는 Animator 가 생성됩니다. 이제 애니메이션을 만들어봅시다. RtanIdle을 더블클릭 해주세요. RtanIdle을 더블클릭했는데 이상하게 뜬다면 아래처럼 들어가주세요. 노란색 칸의 숫자 0, 20에 르탄이1을,.. 스파르타 게임개발종합반(Unity)/사전캠프 공부 기록 2024. 3. 28.

• 

  [Unity/2D] 2D 오브젝트간 우선순위 - Order in Layer 인스펙터창에 보시면 'Order in Layer' 값이 있습니다. 현재는 0으로 설정되어 있습니다. 이 숫자는 각 Sprite 간의 우선순위를 나타냅니다. 현재 상태는 우선순위 값이 연한 노랑색 배경화면 : 0 밑에 검정 바닥 : 0 으로 설정되어 있는데, 여기에서 바닥의 우선순위를 -1로 변경해보겠습니다. 그러면 이렇게 바닥이 안보입니다. 우선순위가 배경화면이 0으로 -1보다 더 높기 때문입니다. 저희는 검은 바닥이 배경화면보다 더 앞에 있게 하기 위해서 값을 1로 변경해주겠습니다. 최종 우선순위 값 연한 노랑색 배경화면 : 0 밑에 검정 바닥 : 1 다음편 2024.03.28 - [Unity/2D] - [Unity/2D] 간단한 애니메이션 만들기 - Animator, Animation 모바일 화면 크.. 스파르타 게임개발종합반(Unity)/사전캠프 공부 기록 2024. 3. 28.

• 

  [Unity] 모바일 크기 설정 / 디스플레이 설정 모바일 화면 크기로 설정하기1. 게임창에서 'Free Aspect' 클릭 → '+' 버튼 클릭 2. 아래와 같이 설정 후 'OK' 버튼 클릭(휴대폰은 가로에 비해 세로길이가 더 길어요)Label : Phonex(가로) : 760y(세로) : 1280  설정 후 화면   배경색 넣어보기1. Hierarchy창에서 마우스 우클릭 → 2D Object → Sprites → Square 2. Square 오브젝트 클릭하고 inspector 창에서 사이즈 설정x : 6y : 10Color 값은 원하는 색상으로 변경~참고로 해당 배경색은 아래와 같습니다R : 20G : 20B : 80A : 255 완성! 스파르타 게임개발종합반(Unity)/사전캠프 공부 기록 2024. 3. 28.