【Unity】UI或3D场景自动设置渐变色背景

给定一组色值（或者多组色值，每次随机取一组），初始化时创建图片并赋值给UI的Image或3D场景的Sprite。从下/左往上/右，按曲线渐变

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;[RequireComponent(typeof(Image))]
public class BgGradient : MonoBehaviour
{public enum GradientType{None,Vertical,Horizontal,Diagonal}private Image bgImage;[SerializeField, Header("渐变方式")]private GradientType gradientType = GradientType.Vertical;[SerializeField, Header("开始颜色")]private Color startColor = Color.white;[SerializeField, Header("结束颜色")]private Color endColor = Color.black;[SerializeField, Header("渐变曲线(0~1)")]private AnimationCurve gradientCurve = new AnimationCurve(new Keyframe(0,0),new Keyframe(1,1));private void Awake(){bgImage = GetComponent<Image>();}private void Start(){SetGradientColor();}private void Update(){if(Input.GetKeyDown(KeyCode.Alpha1)){gradientType = GradientType.None;SetGradientColor();}if(Input.GetKeyDown(KeyCode.Alpha2)){gradientType = GradientType.Vertical;SetGradientColor();}if(Input.GetKeyDown(KeyCode.Alpha3)){gradientType = GradientType.Horizontal;SetGradientColor();}if(Input.GetKeyDown(KeyCode.Alpha4)){gradientType = GradientType.Diagonal;SetGradientColor();}}private void SetGradientColor(){//创建Texture2DVector2Int imageSize = new Vector2Int(Screen.width,Screen.height);Texture2D texture2D = new Texture2D(imageSize.x,imageSize.y);//遍历像素点switch(gradientType){case GradientType.Vertical:for(int y = 0; y < imageSize.y; y++){Color pixelColor = GetColorByCurve(1.0f * y / imageSize.y);for(int x = 0; x < imageSize.x; x++){texture2D.SetPixel(x,y,pixelColor);}}break;case GradientType.Horizontal:for(int x = 0; x < imageSize.x; x++){Color pixelColor = GetColorByCurve(1.0f * x / imageSize.x);for(int y = 0; y < imageSize.y; y++){texture2D.SetPixel(x,y,pixelColor);}}break;case GradientType.Diagonal:for(int x = 0; x < imageSize.x; x++){for(int y = 0; y < imageSize.y; y++){Color pixelColor = GetColorByCurve(0.5f * x / imageSize.x + 0.5f * y / imageSize.y);texture2D.SetPixel(x,y,pixelColor);}}break;default:for(int x = 0; x < imageSize.x; x++){for(int y = 0; y < imageSize.y; y++){texture2D.SetPixel(x,y,startColor);}}break;}texture2D.Apply();//创建SpriteSprite sprite = Sprite.Create(texture2D,new Rect(0,0,imageSize.x,imageSize.y),new Vector2(0.5f,0.5f));sprite.name = "GradientBg";if(bgImage != null)bgImage.sprite = sprite;}private Color GetColorByCurve(float ratio){float curveValue = gradientCurve.Evaluate(ratio);curveValue = Mathf.Clamp01(curveValue);return Color.Lerp(startColor,endColor,curveValue);}}

可以多个颜色渐变···看着不怎么实用···

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;[RequireComponent(typeof(Image))]
public class BgGradientMult : MonoBehaviour
{public enum GradientType{None,Vertical,Horizontal,Diagonal}[System.Serializable]public class GradientColorNode{[Range(0,1)]public float ratio = 0;public Color color = Color.white;public GradientColorNode(float _ratio,Color _color){ratio = _ratio;color = _color;}}private Image bgImage;[SerializeField, Header("渐变方式")]private GradientType gradientType = GradientType.Vertical;[SerializeField, Header("渐变曲线(0~1)")]private AnimationCurve gradientCurve = new AnimationCurve(new Keyframe(0,0),new Keyframe(1,1));[SerializeField, Header("渐变颜色")]private List<GradientColorNode> gradientColorNodeList = new List<GradientColorNode>() { new GradientColorNode(0,Color.white),new GradientColorNode(1,Color.black) };private void Awake(){bgImage = GetComponent<Image>();}private void Start(){SetGradientColor();}private void Update(){if(Input.GetKeyDown(KeyCode.Alpha1)){gradientType = GradientType.None;SetGradientColor();}if(Input.GetKeyDown(KeyCode.Alpha2)){gradientType = GradientType.Vertical;SetGradientColor();}if(Input.GetKeyDown(KeyCode.Alpha3)){gradientType = GradientType.Horizontal;SetGradientColor();}if(Input.GetKeyDown(KeyCode.Alpha4)){gradientType = GradientType.Diagonal;SetGradientColor();}}private void SetGradientColor(){//创建Texture2DVector2Int imageSize = new Vector2Int(Screen.width,Screen.height);Texture2D texture2D = new Texture2D(imageSize.x,imageSize.y);//遍历像素点switch(gradientType){case GradientType.Vertical:for(int y = 0; y < imageSize.y; y++){Color pixelColor = GetColorByCurve(1.0f * y / imageSize.y);for(int x = 0; x < imageSize.x; x++){texture2D.SetPixel(x,y,pixelColor);}}break;case GradientType.Horizontal:for(int x = 0; x < imageSize.x; x++){Color pixelColor = GetColorByCurve(1.0f * x / imageSize.x);for(int y = 0; y < imageSize.y; y++){texture2D.SetPixel(x,y,pixelColor);}}break;case GradientType.Diagonal:for(int x = 0; x < imageSize.x; x++){for(int y = 0; y < imageSize.y; y++){Color pixelColor = GetColorByCurve(0.5f * x / imageSize.x + 0.5f * y / imageSize.y);texture2D.SetPixel(x,y,pixelColor);}}break;default:if(gradientColorNodeList.Count > 0){Color pixelColor = gradientColorNodeList[0].color;for(int x = 0; x < imageSize.x; x++){for(int y = 0; y < imageSize.y; y++){texture2D.SetPixel(x,y,pixelColor);}}}break;}texture2D.Apply();//创建SpriteSprite sprite = Sprite.Create(texture2D,new Rect(0,0,imageSize.x,imageSize.y),new Vector2(0.5f,0.5f));sprite.name = "GradientBg";if(bgImage != null)bgImage.sprite = sprite;}private Color GetColorByCurve(float ratio){for(int i = 1; i < gradientColorNodeList.Count; i++){if(ratio < gradientColorNodeList[i].ratio){float curveValue = (ratio - gradientColorNodeList[i - 1].ratio) / (gradientColorNodeList[i].ratio - gradientColorNodeList[i - 1].ratio);curveValue = gradientCurve.Evaluate(curveValue);return Color.Lerp(gradientColorNodeList[i - 1].color,gradientColorNodeList[i].color,curveValue);}}return Color.white;}}

【Unity】UI或3D场景自动设置渐变色背景相关推荐

Unity UI或3d场景（跟随手机陀螺仪）的晃动效果
需求当游戏显示3d场景及其UI的时候.玩家左右晃动手机的时候,UI界面会随之左右偏移.上下晃动的时候,3D场景会随之上下偏移.手机停止晃动的时候,如若偏移的UI或场景,停顿一会后自动恢复到初始默认位 ...
html设置渐变色背景图片,css中渐变色作为背景图来使用总结
qt中使用样式设置渐变色背景setStyleSheet()函数设置背景的前期是设置的窗口控件有父窗口ui.widget->setStyleSheet("background-color ...
qt 使用样式设置渐变色背景
qt中使用样式设置渐变色背景 setStyleSheet()函数设置背景的前期是设置的窗口控件有父窗口 ui.widget->setStyleSheet("background-col ...
Android如何设置渐变色背景渐变shape
Android如何设置渐变色背景 Android开发过程中,会用到android:backgroud属性来设置背景的颜色,一般情况下我们直接设置一个类似#FFFF0000的值代表是背景颜色,如果想设置 ...
unity像素风3D场景-后处理
先创建一个C#脚本"PixelateImageEffect",不要再Editor目录下创建C#脚本. 复制如下代码: using System.Collections; using ...
android自定义渐变色,Android如何设置渐变色背景 | 夕辞
Android开发过程中,会用到android:backgroud属性来设置背景的颜色,一般情况下我们直接设置一个类似#FFFF0000的值代表是背景颜色,如果想设置渐变背景颜色,就需要用到gradi ...
动态文件、2d、3d、Html设置电脑桌面背景【超实用】
LivelyWallpaper是一个非常棒的电脑桌面背景设置软件,可用url.html.图片.2d.3d等文件设置为win10桌面背景,且cpu占用极低. 一.下载: 1.https://www.mi ...
Unity UI或3d模型的动画控制（Animation类）
文章目录 Animation动画控制类一.动画设置: 二.模型的动作选择: 三.关键方法: 四:实践展示: 五.控制模型移动: Animation动画控制类在Unity中,我们可以使用2D的Spi ...
Unity基础(三)3D场景搭建
目录一.下载新手资源二.创建基本地形三.添加场景细节四,添加水五,其他一.下载新手资源选择窗口->资源商店点击按钮,打开unity资源商店网站,搜索(Starter Assets ...

【Unity】UI或3D场景自动设置渐变色背景

【Unity】UI或3D场景自动设置渐变色背景相关推荐

最新文章

热门文章