타이머를 이용해 스킬아이콘을 만들어보자!

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

public class Timer : MonoBehaviour
{
    private Coroutine curTimer;
    
    public void StartTimer(int time, Action<float> onValueChanged)
    {
        //진행되던 타이머가 있다면 멈추고 새로 시작
        if (curTimer != null)
        {
            StopCoroutine(curTimer);
        }
        curTimer = StartCoroutine(CoStartTimer(time, onValueChanged));
    }
    //타이머를 진행할 시간, 시간이 바뀔때마다 어떠한 행동을할건지
    IEnumerator CoStartTimer(int time, Action<float> onValueChanged)
    {
        float timer = 0;
        while (true)
        {
            //타이머가 지정된 시간을 넘기면 break!
            if (timer >= time)
            {
                break;
            }
            //시간을 더해주자!
            timer += Time.deltaTime;
            yield return null;
            //남은 시간을 보내주기
            onValueChanged(time - timer);
        }
        //타이머가 끝나면 코루틴을 null
        curTimer = null;
    }
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91

public class SpellIcon : MonoBehaviour
{
    //연출에 사용할 커브!
    [SerializeField] private AnimationCurve ease;
    //스킬 아이콘 이미지
    private Image img_icon;
    //쿨타임이 돌 때 이미지(딤드)
    private Image img_cooltime;
    //쿨타임을 표시해 줄 텍스트
    private Text txt_timer;
    //타이머를 가지고 있자!
    private Timer timer;
    //임시 쿨타임 적용
    private int cooltime = 5;

    private void Awake()
    {
        foreach (var img in GetComponentsInChildren<Image>())
        {
            if (img.name == "Image_Spell")
            {
                img_icon = img;
            }
            else if (img.name == "Image_CoolTime")
            {
                img_cooltime = img;
            }
        }
        
        var btn = img_icon.gameObject.AddComponent<Button>();
        btn.onClick.AddListener(OnClickSpell);

        timer = GetComponent<Timer>();
        txt_timer = GetComponentInChildren<Text>();
    }
    
    //바깥에서 불러줘야해!
    //useAble : 바로 사용이 가능한지?
    public void Initialize(Sprite sprite, int cooltime, bool useAble = true)
    {
        img_icon.sprite = sprite;
        this.cooltime = cooltime;
        //바로사용이 불가능하다면 쿨타임을 실행!
        OnTimeChanged(useAble ? cooltime : 0);
    }
    
    void UseSpell()
    {
        img_cooltime.raycastTarget = true;
        timer.StartTimer(cooltime, OnTimeChanged);
    }
    void OnClickSpell()
    {
        //어디론가 보내서 스킬을 발동되도록 해야겠지 ?
        Debug.Log("아 스킬 발동ㅋ");
        ClickAnimation();//연출!
        UseSpell();
    }

    void ClickAnimation()
    {
        //클릭시 커졌다가 다시 돌아오는 핑퐁형태의 연출을 추가!
        transform.Scale(Vector3.one, Vector3.one * 1.1f, 0.1f).SetEase(ease,true).Play();
    }
    //타임이 변경될 때 마다 업데이트를 시켜줌
    void OnTimeChanged(float time)
    {
        UpdateCooltimeImage(time);
        UpdateTimerText(time);
    }
    void UpdateCooltimeImage(float time)
    {
        if (time <= 0)
        {
            //쿨타임이 끝났으니 아이콘을 누를 수 있도록 해당 이미지를 raycastTarget을 꺼줌.
            img_cooltime.raycastTarget = false;
        }
        if (cooltime > 0)
        {
            img_cooltime.fillAmount = time / cooltime;
        }
        else
        {
            img_cooltime.fillAmount = 0;
        }
    }
    void UpdateTimerText(float time)
    {
        txt_timer.text = time <= 0 ? string.Empty :  txt_timer.text = Math.Ceiling(time).ToString();
    }
}