【Unity】在物体上方显示UI并实现倒计时功能_dotween 倒计时

实现效果

在物体上方显示UI

1.新建一个Canvas，其Render Mode设置成World Space，Event Camera选择任意一个相机

2.创建一个Cube，在Scene中调整Canvas的尺寸位置，使其位于Cube上方

实现倒计时功能

1.在Canvas下创建一个空物体，用来挂载倒计时脚本。在空物体下，创建一个Text，用来显示倒计时文字

2.实现倒计时

2.1使用协程的方式实现倒计时

using System;
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class DaoJiShi : MonoBehaviour
{
    public float time = 100;

    public Text text;

    private void Start()
    {
        text = transform.Find("Text").GetComponent<Text>();

        text.text = $"{(int)time / 60:D1}:{(int)time % 60:D2}";

        StartCoroutine(Count());
    }

    private IEnumerator Count()
    {
        while (time > 0)
        {
            yield return new WaitForSeconds(1);
            time--;
            text.text = $"{(int)time / 60:D1}:{(int)time % 60:D2}";
        }
    }
}

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

2.2使用Dotween的方法实现倒计时

    private int  fromNumber = 0;
    private int  toNumber = 50;
    private int  duration = 10;
    void Update()
    {
        text.text = number.ToString();
    }

    public void CountDown()
    {
        DOTween.To(() => fromNumber, x => fromNumber= x, toNumber, duration).SetEase(Ease.Linear);
    }
1
2
3
4
5
6
7
8
9
10
11
12