c# - 使用协程淡入/淡出 TextMeshPro 文本元素
问题描述
我正在设置一个“场景介绍”,其中包含一些使用 TextMeshPro 的“Level 1”文字。我已经在画布中创建了文本元素,我试图找到一种方法让它淡入,然后等待,然后淡出(有点像你在天际中发现一个新地方时所看到的)。
到目前为止,我尝试了一种通用的解决方案,因此我可以将相同的脚本用于其他用途(例如,不在场景开始时,不仅在淡入等)。
使用 TMPro:
...
using TMPro;
...
开始和声明:
public class IntroFade : MonoBehaviour
{
[SerializeField] private TextMeshProUGUI textToUse;
[SerializeField] private bool fadeIn = false;
[SerializeField] private bool fadeOnStart = false;
[SerializeField] private float timeMultiplier;
private bool FadeIncomplete = false;
private void Start()
{
if (fadeOnStart)
{
if (fadeIn)
{
StartCoroutine(FadeInText(timeMultiplier, textToUse));
FadeIncomplete = true;
}
else
{
StartCoroutine(FadeOutText(timeMultiplier, textToUse));
}
}
}
...
淡入完成后我要淡出的更新
private void Update()
{
if (FadeIncomplete)
{
StartCoroutine(FadeOutText(timeMultiplier, textToUse));
}
}
实际褪色的 Corouritnes:
private IEnumerator FadeInText(float timeSpeed, TextMeshProUGUI text)
{
text.color = new Color(text.color.r, text.color.g, text.color.b, 0);
while (text.color.a < 1.0f)
{
text.color = new Color(text.color.r, text.color.g, text.color.b, text.color.a + (Time.deltaTime * timeSpeed));
yield return null;
}
}
private IEnumerator FadeOutText(float timeSpeed, TextMeshProUGUI text)
{
text.color = new Color(text.color.r, text.color.g, text.color.b, 1);
while (text.color.a > 0.0f)
{
text.color = new Color(text.color.r, text.color.g, text.color.b, text.color.a - (Time.deltaTime * timeSpeed));
yield return null;
}
}
public void FadeInText(float timeSpeed = -1.0f)
{
if (timeSpeed <= 0.0f)
{
timeSpeed = timeMultiplier;
}
StartCoroutine(FadeInText(timeSpeed, textToUse));
}
public void FadeOutText(float timeSpeed = -1.0f)
{
if (timeSpeed <= 0.0f)
{
timeSpeed = timeMultiplier;
}
StartCoroutine(FadeOutText(timeSpeed, textToUse));
}
所以会发生什么是淡入或淡出取决于首先启动的协程。我无法做到,所以它会淡入,在屏幕上停留 2 秒钟然后淡出。
我也尝试淡入然后创建一个协程等待秒,然后调用淡出协程,但这也不起作用。
解决方案
一个协程可以等待另一个协程完成,这样想会大大简化问题。您已经创建了淡入和淡出,现在您只需按顺序运行它们,它们之间需要等待 2 秒。
private IEnumerator IntroFade (TextMeshProUGUI textToUse) {
yield return StartCoroutine(FadeInText(1f, textToUse));
yield return new WaitForSeconds(2f);
yield return StartCoroutine(FadeOutText(1f, textToUse));
//End of transition, do some extra stuff!!
}
如果您有兴趣,这些文章对于了解更多关于协程的信息非常有见地。
推荐阅读
- vue.js - 在 Vue CLI 中更改 Sass 值或导入
- android - 动态谷歌地图颤振
- javascript - Svelte:动态语句中的代码不会更新组件
- python - Pandas Dataframe Reshaping 以包含比较数据
- reactjs - 我想将 Payload /Request 正文传递给 apisauce
- javascript - 当 & 符号位于 python 调用的 js 函数的参数中时,文本丢失
- python - 如何从 Pandas 中相似的字典中获取“索引”?
- android - android + sourceCompatibility JavaVersion.VERSION_11:错误:包android.os不存在
- java - 读取 csv 文件并在 java 中输入
- python - 即使正确安装,VS代码中的Python模块错误