当前位置: 首页 > 编程笔记 >

Unity3D实现渐变颜色效果

冉锋
2023-03-14
本文向大家介绍Unity3D实现渐变颜色效果,包括了Unity3D实现渐变颜色效果的使用技巧和注意事项,需要的朋友参考一下

基于unity3D实现渐变颜色的简单脚本,代码很少,就不废话了,直接上代码和效果图。

效果图:

using System;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
 
namespace ExtraFoundation.Components
{
 [AddComponentMenu("UI/Effects/Gradient")]
 public class UIGradient : BaseMeshEffect
 {
 #region Public Declarations
 public enum Type
 {
 Vertical,
 Horizontal
 }
 #endregion
 
 #region Public Properties
 public Type GradientType = Type.Vertical;
 [Range(-1f, 1f)]
 public float Offset = 0f;
 public Gradient gradient;
 #endregion
 
 #region Public Methods
 public override void ModifyMesh(VertexHelper helper)
 {
 if (!IsActive() || helper.currentVertCount == 0)
 {
 return;
 }
 
 vertexList.Clear();
 helper.GetUIVertexStream(vertexList);
 
 int nCount = vertexList.Count;
 switch (GradientType)
 {
 case Type.Vertical:
  {
  float fBottomY = vertexList[0].position.y;
  float fTopY = vertexList[0].position.y;
  float fYPos = 0f;
 
  for (int i = nCount - 1; i >= 1; --i)
  {
  fYPos = vertexList[i].position.y;
  if (fYPos > fTopY)
  fTopY = fYPos;
  else if (fYPos < fBottomY)
  fBottomY = fYPos;
  }
 
  float fUIElementHeight = 1f / (fTopY - fBottomY);
  UIVertex v = new UIVertex();
 
  for (int i = 0; i < helper.currentVertCount; i++)
  {
  helper.PopulateUIVertex(ref v, i);
  v.color = gradient.Evaluate((v.position.y - fBottomY) *
  fUIElementHeight - Offset);
  helper.SetUIVertex(v, i);
  }
  }
  break;
 case Type.Horizontal:
  {
  float fLeftX = vertexList[0].position.x;
  float fRightX = vertexList[0].position.x;
  float fXPos = 0f;
 
  for (int i = nCount - 1; i >= 1; --i)
  {
  fXPos = vertexList[i].position.x;
  if (fXPos > fRightX)
  fRightX = fXPos;
  else if (fXPos < fLeftX)
  fLeftX = fXPos;
  }
 
  float fUIElementWidth = 1f / (fRightX - fLeftX);
  UIVertex v = new UIVertex();
 
  for (int i = 0; i < helper.currentVertCount; i++)
  {
  helper.PopulateUIVertex(ref v, i);
  v.color = gradient.Evaluate((v.position.x - fLeftX) *
  fUIElementWidth - Offset);
  helper.SetUIVertex(v, i);
  }
 
  }
  break;
 default:
  break;
 }
 }
 #endregion
 
 #region Internal Fields
 private List<UIVertex> vertexList = new List<UIVertex>();
 #endregion
 }
}

虽然支持的内容不多,但是小而精,希望对大家有用。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍jQuery实现的文字hover颜色渐变效果实例,包括了jQuery实现的文字hover颜色渐变效果实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现的文字hover颜色渐变效果。分享给大家供大家参考,具体如下: 更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery拖拽特效与技巧总结》、《jQuery常见经典特效汇总》、《jQuery扩展技

  • 本文向大家介绍js实现颜色阶梯渐变效果(Gradient算法),包括了js实现颜色阶梯渐变效果(Gradient算法)的使用技巧和注意事项,需要的朋友参考一下 html中颜色可以使用rgb和hex方式来表示。 在色彩中,色相、明度、纯度也都可以产生渐变效果,并会表现出具有丰富层次的美感。本文主要讲述两种颜色RGB数值的梯级渐变算法。 其中如如16进制颜色如#336600分别表示rgb模式中r的值为

  • 本文向大家介绍JS实现颜色梯度与渐变效果完整实例,包括了JS实现颜色梯度与渐变效果完整实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS实现颜色梯度与渐变效果的方法。分享给大家供大家参考,具体如下: 运行效果图如下: 完整实例代码如下: PS:这里再为大家推荐几款本站的相关在线工具: 在线RGB、HEX颜色代码生成器: http://tools.jb51.net/color/rgb_

  • 主要内容:JavaFX渐变颜色,线性梯度(LinearGradient),径向渐变,半透明渐变,反射循环渐变JavaFX渐变颜色 可以使用径向渐变使形状看起来三维(立体)。 梯度绘制可以在两种或更多种颜色之间内插,这给出形状的深度。JavaFX提供两种类型的渐变:径向渐变()和线性渐变()。 要在JavaFX中创建渐变颜色,需要设置五个属性值。如下 - 设置开始起点的第一个停止颜色。 将终点设置为终止停止颜色。 设置属性以指定是使用标准屏幕坐标还是单位平方坐标。 将循环方法设置为使用三个枚举:,

  • 本文向大家介绍js+HTML5实现canvas多种颜色渐变效果的方法,包括了js+HTML5实现canvas多种颜色渐变效果的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js+HTML5实现canvas多种颜色渐变效果的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的web程序设计有所帮助。

  • 本文向大家介绍JavaScript实现的鼠标响应颜色渐变效果完整实例,包括了JavaScript实现的鼠标响应颜色渐变效果完整实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript实现的鼠标响应颜色渐变效果。分享给大家供大家参考,具体如下: 运行效果图如下: 完整代码如下: PS:这里再为大家推荐几款网页元素样式相关工具供大家参考使用: 在线特效文字/彩色文字生成工具: