Unity Text文本实现打字机(一个一个出来)的效果

Unity Text文本要实现打字机,即一个个文字出来的效果,可以通过代码把text文本字符串拆成一个个字符然后添加到文本中。

具体实现:

新建一个控制脚本:TypewriteController.cs,并编写以下代码:

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


public class TypewriteController : MonoBehaviour
{
    public float typingSpeed = 0.1f; // 每个字符的显示间隔时间
    private string fullText;
    private string currentText = "";
    public Text textComponent;


    // Start is called before the first frame update
    void Start()
    {
        
    }

    // Update is called once per frame
    void Update()
    {
        if(Input.GetKeyDown(KeyCode.A))
        {
            fullText = textComponent.text;
            textComponent.text = "";
            StartCoroutine(TypeText());
        }
    }

    IEnumerator TypeText()
    {
        foreach (char c in fullText)
        {
            currentText += c;
            textComponent.text = currentText;
            yield return new WaitForSeconds(typingSpeed);
        }
    }
}

此控制脚本先把脚本文本获取后赋给一个字符串变量,然后置空文本内容,再通过协程把该字符串变量值拆分成一个个字符,然后使用协程来把一个个字符(即单个文字) 赋值给文本,这样就完成了打字机的效果。

新建一个场景,并在场景创建一个Text组件,把脚本拉到场景中,再把Text组件拖到脚本中的textComponent对象,运行场景,效果如下:

Unity Text文本实现打字机(一个一个出来)的效果

最近更新

  1. TCP协议是安全的吗?

    2024-01-26 00:36:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-26 00:36:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-26 00:36:01       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-26 00:36:01       20 阅读

热门阅读

  1. List, Set, Queue, Map 四者的区别

    2024-01-26 00:36:01       34 阅读
  2. 信创UOS

    信创UOS

    2024-01-26 00:36:01      34 阅读
  3. docker安装mysql

    2024-01-26 00:36:01       35 阅读
  4. docker-compose初探

    2024-01-26 00:36:01       37 阅读
  5. HTML-列表

    2024-01-26 00:36:01       36 阅读
  6. Docker搭建私有仓库

    2024-01-26 00:36:01       40 阅读
  7. 递归实现 n^k

    2024-01-26 00:36:01       36 阅读
  8. C 练习实例40-将一个数组逆序输出

    2024-01-26 00:36:01       37 阅读
  9. ChatGPT与文心一言:应用示例与体验比较

    2024-01-26 00:36:01       33 阅读
  10. Android GPS基础原理

    2024-01-26 00:36:01       33 阅读
  11. 引导智谱api洗数据

    2024-01-26 00:36:01       32 阅读