뻔뻔한블로그

타이머를 간단하게 만들어봤습니다. 

타이머 시작 부분

    public void StartTimer(int nRemain, Text txtTimer = null, UnityAction EndCallBack = null)
    {
        ClearTimer();
        _CorTimer = StartCoroutine(CorStartTime(nRemain, txtTimer, EndCallBack));
    }

nRemain : 파라미터로 타이머를 동작시킬 시간

txtTimer : 남은 시간을 표기할 Text UI

EndCallBack : 타이머가 완료 후 실행시킬 함수.

코 루틴으로 작동되기 때문에 Clear 하는 부분을 꼭 넣어주도록 합니다. 

    private void ClearTimer()
    {
        if (_CorTimer != null)
        {
            StopCoroutine(_CorTimer);
            _CorTimer = null;
        }
        _bPause = false;
    }

타이머 동작 부분

    private IEnumerator CorStartTime(int nRemain = 5, Text txtTimer = null, UnityAction EndCallBack = null)
    {
        while (nRemain >= 0)
        {
            txtTimer.text = nRemain + " 초 남음";

            while (_bPause)
            {
                yield return null;
            }

            yield return new WaitForSeconds(1f);
            nRemain--;
        }
        EndCallBack?.Invoke();
    }

이 타이머스크립트에는 코 루틴으로 작동되며, WaitForSeconds(1f)로 1초마다 남은 시간을 감소하도록 했습니다. 저는 EndCallBack으로 델리게이트로 넘겨받도록 했는데 이유는 다른 곳에서도 쓰일 수 있도록 했습니다. 

그리고 매프 레임 텍스트만 바꾸지만 매 프레임 단위로 실행시키는 함수가 필요하면 EndCallBack처럼 받고 매프 레임 실행시켜주면 되겠죠. 

일시정지

타이머를 잠깐 멈추는 일시정지를 하는 부분입니다. 버튼 부분에 달아주고 OnPointerDown과 OnPointerUp을 통해 제어하도록 해줬습니다.

public class EventButton : MonoBehaviour, IPointerDownHandler, IPointerUpHandler
{
    private TimerUI _TimerUI = null;
    public void SetData(TimerUI TimerUI)
    {
        _TimerUI = TimerUI;
    }
    //클릭 누름.
    public void OnPointerDown(PointerEventData eventData)
    {
        Debug.LogError("퍼즈");
        _TimerUI.ins_Timer.SetPause(true);
    }
    //클릭 뗌.
    public void OnPointerUp(PointerEventData eventData)
    {
        Debug.LogError("퍼즈 취소");
        _TimerUI.ins_Timer.SetPause(false);
    }

}

 ins_Timer는 타이머 동작부분이 구현되어있는 스크립트입니다. SetPause를 통해 코루틴을 잠시 멈추도록합니다.

구현결과

스크롤 셀을 만들 때 셀에 들어가는 데이터가 같은 글자 수면 참 좋겠지만 그렇지 않은 경우가 많다. 예를 들어 퀘스트 스크롤을 제작한다고 하자.

퀘스트의 설명이 어떤 퀘스트는 아주 길고 또 어떤 퀘스트의 내용은 짧고 또는 예상할수 없는 길이의 데이터가 입력될 수 있다.

그렇다고 셀들의 크기를 설명이 큰 내용의 맞추어 크게 만들 수는 없다. 또 유지보수에도 좋지않다.(이미 지정한 크기 이상의 데이터는 추가될 수도 없기 때문이다.)

그렇다면 입력되는 데이터 텍스트의 수의 따라 파란배경 이미지의 사이즈 변경이 필요하다.

방법은 Content Size Fitter와 Layout Group컴포넌트를 이용해하는 것이다. 

사실 위 두개 컴포넌트가 텍스트 사이즈의 맞게 바로바로 변경되면 좋겠지만 그렇지 못하는 경우가 있다. LayoutRebuilder.ForceRebuildLayoutImmediate요 함수를 통해 즉시 정렬하도록 해줬다.

(요 함수는 오브젝트가 켜져있어야 정상 작동한다)

미니맵 만들기 ( RenderTexture)

미니맵을 만드는 방법도 여러가지가 있겠지만 

이번에 학습할 내용은 랜더텍스처로 카메라를 추가해 캐릭터를 밑에 바라보게 하는것이다.

(보통은 카메라도 연산비용이 크기 때문에 카메라를 추가하지 않고 

캐릭터 실제 움직이는 위치를 계산해 이미지로 작은 미니맵을 만들어 준다고 한다.)

1) 카메라 추가 

위에서 밑을 바라보는 카메라를 만들어 미니맵처럼 보이기위함이다.

하이라키창에서 마우스 오른쪽 클릭하고 카메라를 추가해준다.

이름은 기존 카메라와 헷갈리지 않게 미니맵카메라 정도로 바꿔준다.

2) 캐릭터 플레이어를 대신 할 오브젝트 추가

새로 추가한 카메라가 플레이어 캐릭터를 비추면되지만 보통 캐릭터에는 폴리곤과 많은 이미지들이 붙어 있기 때문에 미니맵에는 이렇게 보일 필요가 없다. 

캐릭터의 어디에 있는지 위치정도만 보여주면 되기 때문에 나는 큐브를 생성하고 플레이어 자식으로 넣었다.

(미니맵 카메라는 사각이미지로 보일것이다.)

그리고 이 큐브 레이어를 'playercube'로 해준다. 이유는 밑에 설명

3) RenderTexture추가

랜더텍스처를 추가한다.

Render Texture는 런타임에서 생성 및 갱신되는 특수한 Texture로 카메라가 비추는 화면을 텍스처럼 가지고 있고 원하는 이미지에 그려줄 수 있는 텍스처라고 생각하면 된다.

4) 미니맵카메라 인스펙터 설정

새로 추가한 카메라에 셋팅을 해줘야한다. 

첫 번째로 카메라가 Culling Mask를 설정해준다. 

Culling Mask는 카메라가 보여질 레이어들은 체크하는 것이다. 맨 처음에는 Everything으로 되어 있을것이다. 

방금 추가한 Cube는 'playercube'이기 때문에 이것은 체크해주고 player(실제 캐릭터)는 체크 해제 해준다.

나머지는 그릴 필요가 있는지 없는지 체크해서 상황에 맞게 설정해준다. 

두 번째는 Target Texture를 아까 생성한 RenderTexture를 추가한다.

5) Raw Image 미니맵 이미지 생성

캔버스 밑에 Raw Image를 생성한다. 

일반 Image와 다르게 텍스처를 설정 할 수 있기때문이다.

Texture에 여기에도 아까 생성한 랜더텍스처를 넣어준다.

플레이 (우측 상단)

여기서 추가 셋팅은 기존 카메라에서는 당연히 하늘을 보게 되면 아까 추가한 큐브가 보일 것이다. 

기존 카메라에서 Culling Mask 'playercube'를 체크 해제해서 안보이게 해주어야한다.

랜더 텍스처 : https://docs.unity3d.com/kr/530/Manual/class-RenderTexture.html

Physics.Raycast 오브젝트 검출하기

레이를 쏴서 그 오브젝트가 어떤 오브젝트인지 파악하고 각각 다른 액션이 필요하다.

타입을 나누는 이유는 캐릭터가 검출대상(box,무기,아이템등..)의 대한 메소드를 캐릭터 스크립트에서 모두 정의 하는것은 다향성부분에도 떨어지고, 코드도 보기가 좋지 않다. 오브젝트 객체가 각각 가지고 있는 스크립트에서 정의해주고 캐릭터는 어떤 상황에 어떤 함수를 실행할 것 인지 제어해 주는것이 좋을 것 같다.

그래서 타입을 나누고, 인터페이스를 활용한다.  

타입 나누기

타입의 따른 설정을 주기 위해 열거형으로 만들어줬다.

인터페이스 만들기 

박스 스크립트 부분(인터페이스)

플레이어스크립트 레이캐스트

 마우스로 캐릭터 방향 바꾸기

스크립트 작성

코드분석

학습참고 평면조건 https://docs.unity3d.com/ScriptReference/Plane-ctor.html

2D Light 

어셋 다운로드 Light2D

레이어 설정

3가지 레이어를 추가해 준다.

2D Light System 설정 (GameObject -> Light 2D -> LightSystem )

추가한 레이어를 맞게 설정해주고 create 한다.

그러면 메인카메라 밑에 라이트카메라가 생성된다.

Main Camera 설정

Clear Flag -> Solid Color 변경

Projection -> Orthographic 변경(원근감과 공간감이 없는)

culling Mask -> 게임화면에 오브젝트가 안보이면 확인해준다.

(생성된 라이트카메라의 background Color값을 바꾸면 전역광 효과를 낼 수 있다.)

Light Source 생성

라이트를 표현 해 줄 라이트를 생성해준다.

Sprite. Color : 라이트소스의 컬러의 알파값이 빛의 세기가 됨

Shape : 포인트를 라인으로 바꾸면 선형 빛의 모양으로 바뀜

오브젝트 레이어 설정

이제 각 오브젝트마다 표현해 주려는 요소의 맞게 설정해 준다.

AmbientLight : 장면 전체에 존재하는 빛

LightObstacles : 장애물 빛을 받지 않는다.

LightSoucre : 빛을 표현해줌

Fade(In,Out)

(fadeIn 효과)

위 그림처럼 게임 시작 시 알파값을 조절해 fadeIn 효과를 연출할 수 있다.

1) Image 생성

Canvas -> UI -> Image를 생성한 뒤 Color

까맣게 만들어 준다.

2) 스크립트 생성

코드분석

(매 프레임 마다 증가하는 time값과 감소하는 알파값을 Debug.log를 찍어봤다)

Math.Lerp를 사용하면 time값에 따라 0에서 1로 갈수록 점점 큰 약한 알파값을 반환함으로서 자연스럽게 연출이 가능해진다.

FadeOut

같은 코드로 start값과 end값 그리고 while조건문 값만 수정하면 연출이 가능하다.

이 블로그에 더 자세히 나와있음 : http://ronniej.sfuh.tk/%EC%BD%94%EB%A3%A8%ED%8B%B4coroutine%EC%9D%84-%EC%9D%B4%EC%9A%A9%ED%95%9C-fade-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98-%EB%A7%8C%EB%93%A4%EA%B8%B0/

Vector3.Distance

두 위치 사이의 거리를 반환한다.

일정거리 안에 플레이어가 접근하면 반응하도록 하기위해 Vector3.Distance를 이용한다.

Vector3.Distance() 사용법

적용하기

Coin 스크립트

코드해석

간단하게 구현하기에는 Distance를 사용하면 좋긴하지만, 좀 더 최적화된 퍼포먼스를 위해서는 밑에 있는 것들을 이용하는것을 추천한다.ㅎㅎ

1) Vector3.Distance

2) Vector3.magnitude

3) Vector3.sqrMagnitude

참고 : https://docs.unity3d.com/kr/530/ScriptReference/Vector3.Distance.html

카메라 시점 바꾸기

Left Shift 버튼을 눌렀을 때 시점을 바꿔준다.

시점이 3개이기 때문에 카메라도 3개가 필요하다

메인카메라 프로젝트 생성시 존재하는 카메라

시점카메라(1인칭)

캐릭터가 움직일때 같이 따라 와야하기 때문에 카메라는 캐릭터 오브젝트 자식으로 넣어둔다.

캐릭터 정면에서 바라보는 카메라

메인카메라를 제외하고 모두 비활성화 해준다.

PlayerController스크립트

// 필드값 세팅

Camera[] arrCam : 카메라 활성화/비활성화를 해주기 위한 배열

nNowCam : 현재 활성화 된 카메라의 번호

nCamCount : 카메라 갯수

if( Input.GetButtonUp("Fire3"))...

버튼이 눌리면 nNowCam값을 1증가 시킨다.

if (nNowCam >= nCamCount) ...

세 번째 카메라까지 순서대로 보여주고 다시 첫 번째 카메라로 돌아가게 해주는 코드이다.

for ( int i=0; i<arrCam.Length; ++i )...

NowCam(0번카메라)이면 enabled=true 해주고 나머지 1,2번은 false해준다.

또 NowCam(1번카메라)값이 1이면 카메라 컴포넌트를 enabled=true 해주고 나머지 0,2번은 false해준다.

2번 카메라 일때도 마찬가지 나머지 요소는 enabled를 false시킴

*Fire3가 무엇이냐? InputManager

캐릭터 점프구현

이번에도 역시나 Roll a Ball을 활용한다.

캐릭터 점프는 실제 위치값을 움직이는 Translate보다는 

물리적 힘을 위로 주어서 튀어 오르는듯한 느낌을 주는 AddForce를 이용하는게 좋아보인다.

먼저 소스코드를 살펴보자

jumpCount는 1로 초기화 해준다.

isGround는 true로 땅에 있을때 캐릭터가 점프를 할 수 있는 환경이라고 판단하기 위해 선언 한 것이다.

update문에서는 우선 플에이어가 있는 위치가 땅바닥인지 체크를 해준다.

땅바닥이라면 jumpCount값을 1로 만들어준다.

그리고 스페이스바가 눌리면 다시 jumpCount가 1인지 체크를 한다. 

두 if문이 모두 맞다면 플레이어의 rigidbody에 y값에 힘을 주어 캐릭터가 위로 튀어 오르게 만들어준다.

점프를 하고 있는 중에는

플레이어의 위치가 땅바닥이 아니기 때문에 isGround는 false로 설정하고

점프를 한번 했기 때문에 다시 jumCount는 0으로 만들어준다.(다시 점프를 할수 없게)