Unity 图片渐变色的实现

示例：

实现方法：

创建一个Image
再Image组件上添加 Gradient 组件
调节Gradient组件中的Color1 和 Color2 即可

Gradient源码:

/**FileName:      Gradient.cs*Author:        M*Date:          2022/02/23 13:51:26*UnityVersion:  2020.3.0f1c1*Description:   图片渐变效果
*/using UnityEngine;
using UnityEngine.UI;[AddComponentMenu("UI/Effects/Gradient")]
public class Gradient : BaseMeshEffect
{public Color Color1 = Color.white;public Color Color2 = Color.white;[Range(-180f, 180f)] public float Angle = -90.0f;public override void ModifyMesh(VertexHelper vh){if (enabled){var rect = graphic.rectTransform.rect;var dir = RotationDir(Angle);var localPositionMatrix = LocalPositionMatrix(rect, dir);var vertex = default(UIVertex);for (var i = 0; i < vh.currentVertCount; i++){vh.PopulateUIVertex(ref vertex, i);var localPosition = localPositionMatrix * vertex.position;vertex.color *= Color.Lerp(Color2, Color1, localPosition.y);vh.SetUIVertex(vertex, i);}}}public struct Matrix2x3{public float m00, m01, m02, m10, m11, m12;public Matrix2x3(float m00, float m01, float m02, float m10, float m11, float m12){this.m00 = m00;this.m01 = m01;this.m02 = m02;this.m10 = m10;this.m11 = m11;this.m12 = m12;}public static Vector2 operator *(Matrix2x3 m, Vector2 v){float x = (m.m00 * v.x) - (m.m01 * v.y) + m.m02;float y = (m.m10 * v.x) + (m.m11 * v.y) + m.m12;return new Vector2(x, y);}}private Matrix2x3 LocalPositionMatrix(Rect rect, Vector2 dir){float cos = dir.x;float sin = dir.y;Vector2 rectMin = rect.min;Vector2 rectSize = rect.size;float c = 0.5f;float ax = rectMin.x / rectSize.x + c;float ay = rectMin.y / rectSize.y + c;float m00 = cos / rectSize.x;float m01 = sin / rectSize.y;float m02 = -(ax * cos - ay * sin - c);float m10 = sin / rectSize.x;float m11 = cos / rectSize.y;float m12 = -(ax * sin + ay * cos - c);return new Matrix2x3(m00, m01, m02, m10, m11, m12);}private Vector2 RotationDir(float angle){float angleRad = angle * Mathf.Deg2Rad;float cos = Mathf.Cos(angleRad);float sin = Mathf.Sin(angleRad);return new Vector2(cos, sin);}
}

Unity 图片渐变色的实现相关推荐

unity图片水平/垂直翻转
转载出处:Unity 图片翻转 //水平翻转Texture2D HorizontalFlipTexture(Texture2D texture){//得到图片的宽高int width = textur ...
Unity图片转换为法线贴图
Unity图片转换为法线贴图 using UnityEngine; using System.IO; using UnityEditor;public class NormalTexture : Mo ...
Unity 图片分割将spirte保存在本地
如果你拿到的是一张整图,你想分割之后使用NGUI sprite来使用! 下面就能解决的需求. 步骤: 1. 使用Unity自带的spirte进行分割图片 2. 使用代码把分割出来的2DSpirte转 ...
Unity图片优化神器 - dither算法究极进化方案
在Unity移动平台的游戏开发过程中,贴图资源是往往是占资源量最大的资源.如何在保证视觉效果的同时,尽可能的减少贴图资源,是开发团队会经常遇到的问题.通常来说,对于3D物体的纹理,是可以采用ETC/P ...
ui unity 图片高亮_程序化生成UI模型与顶点动画
顶点动画一般指通过顶点着色器对模型每个顶点独立运动的方法.在游戏中遇到碎片爆破或者聚合一类的.涉及到大量同类物体在有序和无序之间切换的特殊效果,就非常适合将所有物体顶点每帧位移和形变的迭代交付给GPU ...
ui unity 图片高亮_Unity5 UI图片变灰处理（UGUI）（二）
图片"变灰"处理是再寻常不过的要求了,特别按钮,头像等UI图片的"变灰"处理非常常见.比如: 网上已经有很多的实现方法,但是Unity5.3.8以后,对于使用s ...
unity图片变成马赛克如何取像素并改变颜色_Unity3D-2.5D像素游戏随机地形构造tilemap（rule tile）...
最近想自己做个2.5D像素小游戏,因为没有接触2.5D这类游戏的开发,所以只能自己慢慢摸索.按照我自己本来的想法,直接在画布上实例化Image应该就能初步创建出游戏的地形(不考虑细节),但实际上创建出 ...
Unity 图片定点缩放功能
功能情景: 有的 AVG 项目可能需要玩家缩放图片的某一个点来仔细确认图片,比如碧蓝航线里面的放大看老婆的功能,又或者说如果直接在 Unity 的 Scene 编辑场景里面使用滚轮拉进拉远,可以看到 ...
unity图片变成马赛克如何取像素并改变颜色_聊聊 2D 游戏的像素化中的问题
来indienova官网,挖掘独立游戏的更多乐趣引言既然我是在做像素游戏,这次就聊一聊在对 2D 游戏像素化的过程中都会碰到的问题吧. 1. 照相机的投影对于引擎来说,其实不管是 2D 游戏还是 ...

Unity 图片渐变色的实现

示例：

实现方法：

Gradient源码:

Unity 图片渐变色的实现相关推荐

最新文章

热门文章