Unity Shader实现图像渐变

深藏阁楼爱情的钟 2023-09-26 10:06 56阅读 0赞

#### Unity Shader实现图像渐变 ####

*  写在前面
 *  效果
 *  方法
 *  代码
 *  写在后面

## 写在前面 ##

使用Shader实现图像渐变

## 效果 ##

![在这里插入图片描述][deebe0f781e745dcb7081476973712f3.gif]

## 方法 ##

（1）使用Shader里的`combine src1 lerp(src2) scr3`  
其中`src1`是指图片1，`src3`是图片2。渐变效果由`src2`的A通道决定，当其值越接近0，就使用`src3`，其值越接近1，就使用`src1`。

//渲染纹理和固定颜色合并
    SetTexture[_MainTexture]
    {
        
        //声明了固定颜色
        ConstantColor[_ConstantColor]
        combine texture + constant quad
    }
    SetTexture[_PreviousTexture]
    {
        
        combine texture + previous    
    }

（2）然后使用C\#的`material.SetTexture`方法去设置Shader中的`src1`和`src3`

image.material.SetTexture("_Texture"+indexPos,texture);

## 代码 ##

项目地址：

[https://github.com/hahahappyboy/UnityProjects/tree/main/ShaderLerp][https_github.com_hahahappyboy_UnityProjects_tree_main_ShaderLerp]

## 写在后面 ##

听说国家队要出第二季，这是真的吗？！！  
![在这里插入图片描述][0570240a9cb54cf1b2bb94b97dfe657f.jpeg]

[deebe0f781e745dcb7081476973712f3.gif]: https://img-blog.csdnimg.cn/deebe0f781e745dcb7081476973712f3.gif
[https_github.com_hahahappyboy_UnityProjects_tree_main_ShaderLerp]: https://github.com/hahahappyboy/UnityProjects/tree/main/ShaderLerp
[0570240a9cb54cf1b2bb94b97dfe657f.jpeg]: https://img-blog.csdnimg.cn/0570240a9cb54cf1b2bb94b97dfe657f.jpeg

发表评论取消回复

表情：

评论列表（有 0 条评论，56人围观）

还没有评论，来说两句吧...

相关阅读

相关【Unity Shader】实现基础光照模型

写在前面现在问你：什么是漫反射？什么是高光反射？Phong和BlinnPhong模型的区别在哪儿？漫反射有哪几个参数？高光反射有几个参数？公式分别是啥？计算出来的结果指的是

ゞ浴缸里的玫瑰/ 2023年09月27日 11:21/ 0 赞/ 151 阅读

相关 Unity Shader实现图像渐变

Unity Shader实现图像渐变写在前面效果方法代码写在后面写在前面使用Shader实现图像渐变效果 !

深藏阁楼爱情的钟/ 2023年09月26日 10:06/ 0 赞/ 57 阅读

相关【Unity Shader相关】曲线渐变

问题概述解决问题遇到的一个复刻渐变图，原图就不放出来了（），主要是记录一下曲线渐变的思路，也算是再巩固一下lerp smoothstep的用法吧，直接放思路和效果：

秒速五厘米/ 2023年09月24日 22:03/ 0 赞/ 89 阅读

相关【Unity Shader】Unity中利用GrabPass实现玻璃效果

《入门精要》中模拟玻璃是用了Unity里的一个特殊的Pass来实现的，这个Pass就是GrabPass，比起上一篇博客实现镜子的方法，这个方法我认为相对复杂，因此在实现之前需要

我会带着你远行/ 2023年09月24日 13:19/ 0 赞/ 94 阅读

相关 Unity Shader学习2——Unity 中的Shader

> 文章为学习《Unity Shader入门精要》冯乐乐著时做的笔记 1. Unity 中的shader Shader模板 Unity为我们提供4种unity S

╰+攻爆jí腚メ/ 2023年07月14日 05:59/ 0 赞/ 19 阅读

相关 Unity shader saturate

当你想将颜色值规范到0~1之间时，你可能会想到使用saturate函数（saturate(x)的作用是如果x取值小于0，则返回值为0。如果x取值大于1，则返回值为1。若x在0

矫情吗；*/ 2022年08月20日 03:19/ 0 赞/ 220 阅读

相关 unity shader——矢量

矢量 1、矢量和标量乘法/除法乘法：2（1,2,3）=（2,4,6）除法：（1,2,3）/2=（0.5,1,1.5）注意：对于乘法来说，位置可以互换；但对于除法来

清疚/ 2022年05月11日 08:42/ 0 赞/ 312 阅读

相关 unity shader——矩阵

最近学unity shader时接触到了矩阵，这也是第一次了解矩阵，就稍微记录一下一、什么是矩阵 1、首先，它长这样子： ![70][] 2、它有着行列之分

喜欢ヅ旅行/ 2022年05月09日 22:48/ 0 赞/ 443 阅读

相关 Unity Shader基础

Shader Name Shader “Custom/Myshader” //“Custom/Myshader”是在unity中找到该shader的路径 \{ \}

红太狼/ 2022年04月24日 14:42/ 0 赞/ 297 阅读

相关 Unity积雪shader

1 Shader "Custom/XueDiShader" { 2 Properties{ 3 //岩石贴图 4

怼烎@/ 2021年11月02日 19:58/ 0 赞/ 492 阅读