[💬] 화면밖에 적을 표현해보자 2D

[유니티초보자(rlagu77)]

 화면밖에 적을 표현해보자

이렇게 글을 써보는건 첨이라서 잘 못써도 이해좀 해줘 ㅎㅎ

참고로 이거 그대로 가져가서 게임에 쓸만하진못해 변형이 필요해..

일단 인디케이터의 타겟이 될 스프라이트 오브젝트를 만들어줬어

이제 위 사진처럼 인디케이터가될 UI를 만들어줘

인스펙터창을 보면

Monster - 인디케이터 타겟이 될 스프라이트 오브젝트

Indicator - 빈 오브젝트 (껏다키기용)

Circle - 회전시킬 오브젝트

UnitImage - 인디케이터에 표시될 유닛 이미지

요런 구조야

이제 스크립트를 만들자

OffScreenIndicator.cs 라고 나는 이름을 지었어

Transform indicator; <- 회전시킬 인디케이터 UI

SpriteRenderer target; <-우리 스프라이트 오브젝트에 있는 렌더러

float borderSize; <- 모서리에서 얼마나 떨어지게 할건지

이런식으로 변수도 적어주고

일단 나는 보여주기 용이니깐 그냥 다 public으로 선언할게

CheckOffScreen이름으로 함수도 하나 만들어주고

    private void CheckOffScreen()

    {

        //렌더러가 화면에 보이면 UI꺼주고 리턴

        if (target.isVisible)

        {

            indicator.parent.gameObject.SetActive(false);

            return;

        }

        //렌더러가 화면에 안보일시 UI켜주기

        indicator.parent.gameObject.SetActive(true);

        //캔버스 UI에 위치를 옮기고 회전할거니깐 우리 타겟의 좌표를 스크린좌표로 바꿔준다.

        Vector3 viewPo = Camera.main.WorldToScreenPoint(transform.position);

        //UI 위치 저장용 벡터 선언

        Vector3 movePo = viewPo;

        //화면 중앙점 좌표 선언

        Vector2 center = new Vector2(Screen.width / 2.0f, Screen.height / 2.0f);

        //Atan2 함수를 이용해서 타겟과 중앙 사이에 각도를 구함

        float angle = Mathf.Atan2(viewPo.y - center.y, viewPo.x - center.x);

        //회전시킬 인디케이터UI 현재 각도를 저장

        Vector3 indicatorAngle = indicator.rotation.eulerAngles;

        //UI회전각도 값 할당, Mathf.Rad2Deg 곱하는 이유는 (Atan2 함수는 결과값이 라디안 이라서 각도로 바꿔주기용)

        indicatorAngle.z = angle * Mathf.Rad2Deg;

        //UI 회전 적용

        indicator.rotation = Quaternion.Euler(indicatorAngle);

        //Mathf.Cos(라디안) -> -1 ~ 1 값을 출력, x길이

        float xSize = Mathf.Cos(angle) * center.x;

        //Mathf.Sin(라디안) -> -1 ~ 1 값을 출력, y길이

        float ySize = Mathf.Sin(angle) * center.y;

   

        movePo.x = Mathf.Clamp(xSize + center.x, borderSize, Screen.width - borderSize);

        movePo.y = Mathf.Clamp(ySize + center.y, borderSize, Screen.height - borderSize);

        movePo.z = 0;

        indicator.parent.transform.position = movePo;

    }

이제 업데이트 함수에 적용해주고

몬스터 스프라이트 오브젝트에 달아주고

변수 할당해주고!

실행하면

요런 결과값이 나온다!

게임에 쓸려면 변형이 필요하지만 혹시나 참고할사람있으면 참고하라고 올려봤어!!

[익명(112.155)]

대고수ㄷㄷ - dc App

[익명(m4odn36nekku)]

[111(1.234)]

이래서 닉네임에 초보라고 적으면 안돼 초보가 아니게 되었자나

[압둘핫산(apost1234)]

coriander - dc App

[익명(zkzkdh075)]

오왕 짱싡기하다.. - dc App

[불타는키보드(1bnmaker)]