728x90
반응형

Unity 35

[21강] 미션 게이지 바 만들기

Mission - UI - Slider 만들어주기 Canvas 설정 ui scale mode를 scale with screen size 맞춰주기 match는 1로 BackGround에 게이지 사진 넣어주고 FillArea stretch 그리고 다 0으로 Fill도 0으로, 이미지 삭제하고 Color 넣고 투명도 80 이 때 플레이하면 마우스로도 동작이 가능하므로 Gauge에 가서 Slider - Interactable 체크 해제 Gauge는 왼쪽 위로 Pivot 설정해주고 x는 300 y는 -70 MissionCtrl cs를 만들어주고 Mission안에 Component로 넣기 MissionCtrl.cs using System.Collections; using System.Collections.Gener..

[20강] 미니게임 미션 만들기 : 전선 연결 2

Raycast 사용 오른쪽 선에 닿았는지 닿지 않았는지 if else문 작성 오른쪽 것들 잡아서 Box Collider 추가 2D는 RayCast가 알지 못함! 선이 고정되는지 확인하기 선에 가서 놓은게 아니라면 원상복귀되는지 확인 선이 알맞게 확인되었는지 확인해야 함 색깔을 가져오기 isColor를 bool[] 배열로 만들어주기 switch 문으로 작성 Mission6.cs using System; using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; using UnityEngine.EventSystems; using UnityEngine.UIElements; using Ima..

[19강] 미니게임 미션 만들기 : 전선 연결 1

Mission 6를 만들어주고 Electric으로 옮겨줍니다 이미지도 넣어주고 위치도 맞춰줍니다. Coliider도 오른쪽으로 살짝 이동시켜 주기 LineRenderer 쓸거임 Screen Space - Camera 설정 라인 렌더러는 이 모드에서만 사용 가능하기 때문임 Render Camera에 Main Camera를 넣어주고 Plane Distance를 10으로 해준다 Background 우클릭 Create Empty Left 빈 오브젝트 만들기 포지션 왼쪽에 맞춰준다 Image .. Red라는 이름으로 만든다 복제해서 Yellow 복제해서 Green 마지막으로 Blue Left를 복사해 Right를 만들어주면 됨 왼쪽선만 늘려줄 것임 Line Renderer 추가 여기에 있는 포지션끼리 선을 이어주..

[18강] 미니게임 미션 만들기 : 각도 조종하기

핸들 앞에 콜라이더 수정하기 Mission5를 만들어 주고 위치 수정해주고 핸들을 다른 ui로 바꿔준다 ui - image로 프로펠러를 만들어준다 Rotate 만들어서 색깔 바꿔주기 스크립트 작성 trash -> handle로 바꾸기 쓸모 없는 부분 삭제 x 부분에 핸들이 이동할 수 있는 범위 작성 rect_handle.anchoredPosition = new Vector2(184, Mathf.Clamp(rect_handle.anchoredPosition.y, -195, 195)); play해서 잘 작동되는지 확인 z축을 움직여주기 위해 (프로펠러를 움직여주기 위해) rotate.eulerAngles = new Vector3(0, 0, 90 * rect_handle.anchoredPosition.y / ..

[17강] 미니게임 미션 만들기 : 숫자 순서대로 누르기

키보드 Mission4 두고 콜라이더 왼쪽으로 옮겨주기 Grid Layout Group으로 정렬해줌 // 미션 시작 public void MissionStart() { anim.SetBool("isUp",true); playerCtrl_script = FindObjectOfType(); // 숫자 랜덤 배치 for (int i = 0; i < 10; i++) { Sprite temp = numbers.GetChild(i).GetComponent().sprite; int rand = Random.Range(0, 10); numbers.GetChild(i).GetComponent().sprite = numbers.GetChild(rand).GetComponent().sprite; numbers.GetChil..

[16강] 미니게임 미션 만들기 : 번호 입력

마우스에 겹치게 두고 콜라이더가 마우스 안 둥글게 있는데 이러면 캐릭터가 들어올 수 없어서 콜라이더의 위치를 바꿔준다 인풋텍스트 설정 키코드 설정 설정 완료 화면 (텍스트 지워주기) 버튼 하나하나 넣어줌 전부 잡고 이미지 컬러 투명도 0으로 해주기 스크립트 작성 // 숫자버튼 누르면 호출 public void ClickNumber() { if (inputText.text.Length

[15강] 미니게임 미션 만들기 : 쓰레기 버리기 2

버튼을 누르면 쓰레기가 내려가고, 놓으면 다시 벽이 생기고 미션 완료가 되면 자동으로 UI가 내려가는 것을 확인한다 Trash에 RectMask2D를 넣어주면 마스크 안에 딱! 잡혀서 쓰레기들이 선에 맞춰서 안 나가고 있는 모습을 볼 수 있다 Mission2.cs코드 using System; using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; using UnityEngine.EventSystems; using Random = UnityEngine.Random; public class Mission2 : MonoBehaviour { public Transform trash, ha..

[14강] 미니게임 미션 만들기 : 쓰레기 버리기 1

Mission2 만들어서 겹치게 둠 피벗도 오른쪽 아래로 수정 box 콜라이더로 오른쪽 벽을 설정 이걸 복붙하고 x를 -368로 설정해서 양쪽 벽을 만들어준다 Create Empty로 바닥 콜라이더도 만들어준다 각각의 쓰레기들 이미지 넣어주고 크기도 조정해준다 쓰레기들을 잡아서 Rigidbody2D와 BoxColider2D를 AddComponent해주고 중력을 주기위해서 Rigidbody2D - Gravity Scale을 50으로 설정해준다 쓰레기마다 콜라이더 설정해주고 실행 시켜주면 물리 작용을 받는 것을 확인 가능하다! Trash1~5를 캐릭터처럼 Resources에 옮겨준다 Mission1.cs를 복제해서 Mission2.cs를 만들어준다 쓰레기 스폰을 위한 for문 작성 // 초기화 for (in..

[13강] 미니게임 미션 만들기 : 버튼 색 변경

버튼을 만들어준다. 후에 누르면 색깔이 변경 될 수 있도록 Mission1.cs 스크립트에서 작성해준다 // 육각형 버튼 누르면 호출 public void ClickButton() { Image img = EventSystem.current.currentSelectedGameObject.GetComponent(); // 하얀색 if (img.color == Color.white) { // 빨간색으로 img.color = red; } // 빨간색 else { // 하얀색 img.color = Color.white; } } 컴포넌트에서 색깔 지정 클릭하면 빨간색으로 표시됨 빨간색을 눌러 모두 흰색이 되면 완료되는 미션임 그래서 USE를 클릭해서 미션이 발생했을 때 7개중 랜덤하게 빨간색이 나왔으면 좋겠음 미..

[12강] 미션 애니메이션 제작하기

미션 버튼이 활성화 되는 기능과 미션 버튼을 눌렀을 때 미션 창 UI가 올라오는 애니메이션 만든는 방법을 배움 캐릭터를 더블클릭해서 캔버스 안에 버튼을 만들어준다 Use 이미지를 넣어준다 크기는 이렇게 설정한다 그리고 아래 Button에 있는 Interactable은 체크 해제한다 playerCtrl.cs 를 열어주고 using UnityEngine.UI; 를 맨위에 선언해준다 public Button btn; 으로 가져오고 private void OnTriggerEnter2D(Collider2D col) { if (col.tag == "Mission") { btn.interactable = true; } } private void OnTriggerExit2D(Collider2D col) { if (co..

728x90
반응형