🔊Unity 소음을 측정하는 맵을 만들어보자 (feat. 선생님몰래춤추기게임)

소음을 측정하는 맵을 만들어보자

유명한 플래시게임 선생님 안볼때 춤추기 게임을 응용

이 게임에 대한 소개 :

선생님이 수업하는 동안 마우스 클릭을 통해 들키지 않고 춤을 추면서 버텨 시간에 따라 점수를 얻는 게임이다.

🎥미리보기

⭐️설명 시작

1. 지형을 만들고 트리거를 작동시킬 Empty Object를 생성한 후 BoxCollider를 넣는다. (빨간색이 지역이 소음을 측정할 지역)

2. UI를 통해 소음의 정도를 나타내기 위해 UI - Slider를 생성한다.

3. 캐릭터 위에 UI를 표시해야 하기 때문에 Hierarchy - Canvas - Canvas 컴포넌트 - Render Mode - World Space를 선택한다.

이렇게 하면 해당 Canvas 및 속한 UI오브젝트들은 월드상에 존재하게 된다.

4 - 1. 우리는 Slider의 손잡이를 사용하지 않기 때문에 삭제

4 - 2. Slider를 따로 조작하지 않을 것이기 때문에 아래와 같이 수행한다.

4 - 3. Slider오브젝트의 자식 오브젝트 중 Fill과 BackGround오브젝트를 자신이 원하는 모양과 색으로 수정한다.

Fill : 채울 색깔
BackGround : Slider의 전체 크기 보여줌

4 - 4. Slider오브젝트의 자식 오브젝트 BackGround, Fill Area, Fill을 아래와 같이 모두 0으로 설정한다.

이 작업을 하는 이유는 하지 않으면 슬라이더가 꽉 채워지지 않아 빈공간이 생기는데 수행하면 아래와 같이 꽉 채울 수 있다.

4 - 5. 캐릭터 위에 UI가 있을 수 있도록 캔버스와 Slider의 크기를 적당히 조절하여 배치한다.

5. 트리거를 작동시킬 스크립트를 작성해보자

using System;
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI; // UI를 사용하기 위함

public class NoiseCheck : MonoBehaviour
{
    [SerializeField] private GameObject player; 
    // 캐릭터 오브젝트
    [SerializeField] private GameObject UIObject; 
    // Canvas오브젝트
    [SerializeField] private Slider noiseSlider;
    // 슬라이더 오브젝트
    [SerializeField] private Image fillImage;
    // 슬라이더의 값에 따라 슬라이더의 색에 변화를 주기위한 이미지

    // 캐릭터가 들어올때만 수행시키기
    private bool isPlayerEnter;
    
    private float chargeSpeed; 
    // 채워지는 속도
    private float chargeTime; 
    // 채워지는데 걸리는 시간
    private float currentNoise; 
    // 현재 슬라이더 값을 저장

    public float walkingTime = 15f;
    // 캐릭터가 걸을 때
    public float runningTime = 3f;
    // 캐릭터가 달릴 때의 chargeTime
    public float waitingTime = 4f;
    // 캐릭터가 대기하고 있을 때
    public float sliderYOffset = 6f;
    // 캐릭터와 슬라이더 사이의 고정 오프셋
    
    void Update()
    {
        if (isPlayerEnter)
        {
            // 캐릭터가 움직이면 UI도 동시에 움직일 수 있도록 수행
            UIObject.transform.position = new Vector3(player.transform.position.x,
                player.transform.position.y + sliderYOffset,
                player.transform.position.z);

            // 트리거 내에서 캐릭터 움직임 관련 입력을 받으면 수행    
            if (Input.GetKey(KeySetting.keys[KeyAction.LEFT]) || Input.GetKey(KeySetting.keys[KeyAction.RIGHT]) ||
                Input.GetKey(KeySetting.keys[KeyAction.UP]) || Input.GetKey(KeySetting.keys[KeyAction.Down]))
            {
                if (Input.GetKey(KeySetting.keys[KeyAction.WALK]))
                {
                    chargeTime = walkingTime;
                }
                else
                {
                    chargeTime = runningTime;
                }
            }
            else
            {
                chargeTime = -waitingTime;
            }

            // 속도 = 거리 / 시간 => 
            // 채워지는 속도 = (슬라이더 최대값 - 최소값) / 상황에 따라 설정한 시간값
            chargeSpeed = (noiseSlider.maxValue - noiseSlider.minValue) / chargeTime;

            // 실제 시간과 똑같이 걸릴 수 있도록 Time.deltaTime을 곱하기
            currentNoise += chargeSpeed * Time.deltaTime;

            // 현재 값이 슬라이더 최대값 이상이면 최대값으로
            if (currentNoise >= noiseSlider.maxValue)
            {
                currentNoise = noiseSlider.maxValue;
            }
            // 현재 값이 슬라이더 최소값 이하라면 최소값으로
            else if (currentNoise <= noiseSlider.minValue)
            {
                currentNoise = noiseSlider.minValue;
            }

            ColorChange();
            // 슬라이더에 적용
            noiseSlider.value = currentNoise;
        }
    }

	// 슬라이더의 현재값에 따라 적용할 색깔 지정
    void ColorChange() 
    {
        if(currentNoise >= 0f && currentNoise <= 40f)
            fillImage.color = Color.green;
        else if(currentNoise > 40f && currentNoise <= 70f)
            fillImage.color = Color.yellow;
        else
            fillImage.color = Color.red;
    }

	// 캐릭터가 트리거에 들어오면 UI오브젝트 켜기
    private void OnTriggerEnter(Collider other)
    {
        if (other.gameObject.tag == "Player")
        {
            UIObject.SetActive(true);
            isPlayerEnter = true;
        }
    }


	// 캐릭터가 트리거에 들어오면 UI오브젝트 끄기
    private void OnTriggerExit(Collider other)
    {
        if (other.gameObject.tag == "Player")
        {            
            // 다시 들어올 경우를 대비해 현재 소음 값 초기화 시켜놓기
            currentNoise = noiseSlider.minValue;
            UIObject.SetActive(false);
            isPlayerEnter = false;
        }
    }
}

6. 스크립트를 넣고 자신의 환경에 맞게 설정하고 Canvas오브젝트는 끄자

7. 결과