unity text颜色渐变

下面的组件做一个记录，可以使ui自己设置单个文字上下颜色，最终效果为，仿照艺术字

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

[AddComponentMenu("UI/Effect/UIColorGradient")]
public class UIColorGradient : BaseMeshEffect
{
public static List<UIVertex> helpList = new List<UIVertex>();

private bool isText;
private bool isCheck;

[SerializeField]
private Color32 topColor = Color.yellow;
[SerializeField]
private Color32 bottomColor = Color.red;

protected override void OnEnable()
{
base.OnEnable();
if (this.gameObject.GetComponent<Text>() != null)
isText = true;
else
isText = false;
}

private void ModifyMeshText(VertexHelper vertexHelper)
{
helpList.Clear();
vertexHelper.GetUIVertexStream(helpList);
int count = helpList.Count;
if (count > 0)
{
for (int i = 0; i < helpList.Count;)
{
float bottomY = helpList[i].position.y;
float topY = bottomY;
float dis = 1f;
for (int k = 1; k < 6; k++)
{
float y = helpList[k + i].position.y;
if (y > topY)
{
topY = y;
}
else if (y < bottomY)
{
bottomY = y;
}
}
dis = topY - bottomY;
for (int k = 0; k < 6; k++)
{
UIVertex vertText = helpList[k + i];
vertText.color = Color32.Lerp(bottomColor, topColor, (vertText.position.y - bottomY) / dis);
helpList[k + i] = vertText;
}
i += 6;
}
vertexHelper.Clear();
vertexHelper.AddUIVertexTriangleStream(helpList);
helpList.Clear();
}
}

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

if(isText)
{
ModifyMeshText(vertexHelper);
return;
}

helpList.Clear();
vertexHelper.GetUIVertexStream(helpList);
int count = helpList.Count;
if (count > 0)
{
Vector3 pos = helpList[0].position;

float bottomY = pos.y;
float topY = pos.y;

for (int i = 1; i < count; i++)
{
float y = helpList[i].position.y;
if (y > topY)
{
topY = y;
}
else if (y < bottomY)
{
bottomY = y;
}
}
float uiElementHeight = topY - bottomY;

for (int i = 0; i < count; i++)
{
UIVertex uIVertex = helpList[i];
Color32 color32 = Color32.Lerp(bottomColor, topColor, (uIVertex.position.y - bottomY) / uiElementHeight);
uIVertex.color = color32;
helpList[i] = uIVertex;
}
vertexHelper.Clear();
vertexHelper.AddUIVertexTriangleStream(helpList);
}
helpList.Clear();
}
}

unity text颜色渐变相关推荐

Unity设置字体颜色渐变
unity开发程序在一些必要的的程序的时候需要实现一些简单的渐变效果,之前不太懂都是直接让美术那边出图片用图片来代替,用着用着就让工程中多了很多没有必要的图片.后面找到了一种很好优化包的方法就是直接用 ...
颜色渐变丶渲染效果类---(Unity自学笔记)
using System.Collections.Generic; using UnityEngine; using UnityEngine.UI;/*** 颜色渐变特效类*/ public clas ...
CSS 文字，边框实现从左至右颜色渐变
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 1.文本从左至右颜色渐变效果图: 2.边框从左至右颜色渐变效果图: 实现代码: 1.文本从左至右颜色渐变实 ...
html字体渐变颜色的设置颜色代码,使用CSS3实现字体颜色渐变的实现
在使用Animation.css的时候发现它的官网字体会渐变,看了一下他的css很有趣 .site__title { color: #f35626; background-image: -webkit ...
android 监听webView滑动距离和标题栏颜色渐变
重写webView之 X5WebView import android.annotation.SuppressLint; import android.content.Context; import ...
iOS 动画绘制线条颜色渐变的折线图
效果图 .................... 概述现状折线图的应用比较广泛,为了增强用户体验,很多应用中都嵌入了折线图.折线图可以更加直观的表示数据的变化.网络上有很多绘制折线图的demo,有 ...
设计师妹子问：字体颜色渐变，你能实现？
早上设计师妹子把设计稿交付过来,乍一看,上面的文字颜色渐变的,而且文字内容是动态的,也就是我们无法用图片来代替. 作为一个有责任担当的汉子,坚决不能说不行. 想起了CSS3 擅长做颜色渐变.所以赶紧查 ...
mui案例：导航栏颜色渐变
mui导航栏 · 滚动渐变 · 代码参考代码: <!DOCTYPE html> <html><head><meta charset="utf-8& ...
CSS文字颜色渐变 - 案例篇
(含效果图.代码)css3 文字颜色渐变 - 案例篇效果图: demo 代码如下: <doctype HTML!> <html> <head><title& ...
文字color颜色渐变（可一直变换） - 代码篇
文字color颜色渐变(可一直变换) - 代码篇一.应用场景 · 举例: https://www.iconfont.cn/ 站内的 [字体图标][如下图1所示] 某些客户要求的 "炫酷拽& ...

unity text颜色渐变

unity text颜色渐变相关推荐

最新文章

热门文章