【Unity】Image 设置渐变色

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

[AddComponentMenu("UI/Effects/Gradient")]
public class Gradient : BaseMeshEffect
{
    public Color32 topColor = Color.white;
    public Color32 bottomColor = Color.black;

    public override void ModifyMesh(VertexHelper vh)
    {
        if (!IsActive())
        {
            return;
        }

        var count = vh.currentVertCount;
        if (count == 0)
            return;

        var vertexs = new List<UIVertex>();
        for (var i = 0; i < count; i++)
        {
            var vertex = new UIVertex();
            vh.PopulateUIVertex(ref vertex, i);
            vertexs.Add(vertex);
        }

        var topY = vertexs[0].position.y;
        var bottomY = vertexs[0].position.y;

        for (var i = 1; i < count; i++)
        {
            var y = vertexs[i].position.y;
            if (y > topY)
            {
                topY = y;
            }
            else if (y < bottomY)
            {
                bottomY = y;
            }
        }

        var height = topY - bottomY;
        for (var i = 0; i < count; i++)
        {
            var vertex = vertexs[i];

            var color = Color32.Lerp(bottomColor, topColor, (vertex.position.y - bottomY) / height);

            vertex.color = color;

            vh.SetUIVertex(vertex, i);
        }
    }
}


Unity3D UGUI 渐变效果 - 简书

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Unity中,可以使用`Color.Lerp`函数来实现图片颜色的渐变效果。`Color.Lerp`函数用于在两个颜色之间进行插值,从而实现平滑的颜色过渡。 以下是一个示例代码,展示了如何在协程中实现图片颜色的渐变效果: ```csharp using UnityEngine; using UnityEngine.UI; using System.Collections; public class ExampleImageColorGradient : MonoBehaviour { public Image image; public Color startColor; public Color endColor; public float duration = 2f; private IEnumerator Start() { float elapsedTime = 0f; while (elapsedTime < duration) { float t = elapsedTime / duration; Color lerpedColor = Color.Lerp(startColor, endColor, t); image.color = lerpedColor; elapsedTime += Time.deltaTime; yield return null; } image.color = endColor; // 确保最终颜色与目标颜色一致 } } ``` 在上述示例中,我们通过`Color.Lerp`将`startColor`和`endColor`之间的颜色进行插值。在协程中,我们使用一个循环来控制插值过程的进行。通过逐渐增加`elapsedTime`并计算插值的参数`t`,我们可以在指定的时间内实现颜色的平滑过渡。每帧更新一次颜色,并等待一帧后再次更新,以实现平滑渐变效果。 请注意,上述示例中的`image`是一个`Image`组件,你需要将其添加到你的游戏对象上,并通过代码或Inspector面板将其分配给脚本中的`image`变量。另外,你可以根据自己的需求调整`startColor`、`endColor`和`duration`的值来实现不同的颜色渐变效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值