VR 光标在每个图像中的附加部分在指针输入时一次一个淡入

Question

我在为 Oculus 设置的 VR 中使用了一个光标。

与交互对象交互时的光标是通过使用颜色淡入四个图像组件之一来做出反应。这是为了表示加载。

我通过执行以下操作进行了此设置： 在按钮上设置了事件触发器。
事件触发器有一个 On Pointer Enter 部分。 on 指针部分将光标加载到其中。 光标由一个父级和四个子级组成。
这四个孩子是脚本中的一个图像列表。

当光标悬停在按钮上时，它们会一起淡入。

这几乎是正确的，但是我希望它们在前一个完成淡入后淡入。

float waitTime = 10.00f;
bool switchOn = false;
public List<Image> CursorLoaders = new List<Image>();


void Update()

{
    if (switchOn)
    {
        for (int i = 0; i <= 3; i++)
        {
            StartCoroutine(FadeIn(CursorLoaders[i]));
        }
    }
}



public IEnumerator FadeIn(Image CursorPiece)
{
    float ElapsedTime = 0.0f;
    float TotalTime = 0.5f;

    while (ElapsedTime < TotalTime)
    {
        ElapsedTime += Time.deltaTime;
        CursorPiece.color = Color.Lerp(new Color(CursorPiece.color.r, CursorPiece.color.g, CursorPiece.color.b, 0.0f), new Color(CursorPiece.color.r, CursorPiece.color.g, CursorPiece.color.b, 1), (ElapsedTime / TotalTime));

        yield return null;
    }
}

public void ButtonCountDown()
{
    switchOn = true;

}

我在资产商店中查找了类似的东西，包括 VR 样本 - 它主要使用填充量和方向 - 这很好，但不适合这个。我还在 coRoutine 中创建了 WaitForSeconds，并且我还尝试添加另一个带有等待的协程。我有点挠头。我终于在网上寻找了类似的渐进式渐变示例或一个接一个地更改事物的方法，但无济于事。

Answer 1

执行以下操作，您可以在不受 for 循环约束的情况下淡化每个图像。

void Update()
{
    if (switchOn)
        FadeImages();
}

int counter = 0;
void FadeImages()
{
    ElapsedTime += Time.deltaTime;
    Image CursorPiece = CursorLoaders[counter];
    CursorPiece.color = Color.Lerp(new Color(CursorPiece.color.r, CursorPiece.color.g, CursorPiece.color.b, 0.0f), new Color(CursorPiece.color.r, CursorPiece.color.g, CursorPiece.color.b, 1), (ElapsedTime / TotalTime));

    if (ElapsedTime > TotalTime) //if the image has completely faded, move to the next one
    {
        ElapsedTime = 0; // reset fade timer
        counter++; // increment CursorLoader[] index
    }
    if (counter >= 4) // if you have faded all the elements, stop the method.
        switchOn = false;
}

Answer 2

为您的 IEnumerator 函数添加延迟。这很容易添加，应该可以正常工作。然后，当您对此调用 StartCoroutine 时，您会告诉方法哪个部分和在开始淡出之前等待多长时间（可能是某个值乘以数组索引）。

public IEnumerator FadeIn(Image CursorPiece, float delayTime)
{
    float ElapsedTime = 0.0f;
    float TotalTime = 0.5f;

    while (ElapsedTime < delayTime)
    {
        ElapsedTime += Time.deltaTime;
        yield return null;
    }
    ElapsedTime = 0;
    while (ElapsedTime < TotalTime)
    {
        ElapsedTime += Time.deltaTime;
        CursorPiece.color = Color.Lerp(new Color(CursorPiece.color.r, CursorPiece.color.g, CursorPiece.color.b, 0.0f), new Color(CursorPiece.color.r, CursorPiece.color.g, CursorPiece.color.b, 1), (ElapsedTime / TotalTime));

        yield return null;
    }
}