Shader-颜色

最新推荐文章于 2021-11-23 22:11:13 发布
最新推荐文章于 2021-11-23 22:11:13 发布
阅读量2.3k 收藏
点赞数
分类专栏： unity3d 文章标签： unity rgb
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Fatestay_DC/article/details/49633487
版权

Unity中新建一个样式如下

Shader "Custom/NewShader 1" {
    Properties {
        _MainTex ("Base (RGB)", 2D) = "white" {}
    }
    SubShader {
        Tags { "RenderType"="Opaque" }
        LOD 200

        CGPROGRAM
        #pragma surface surf Lambert

        sampler2D _MainTex;

        struct Input {
            float2 uv_MainTex;
        };

        void surf (Input IN, inout SurfaceOutput o) {
            half4 c = tex2D (_MainTex, IN.uv_MainTex);
            o.Albedo = c.rgb;
            o.Alpha = c.a;
        }
        ENDCG
    } 
    FallBack "Diffuse"
}

修改上述代码去掉 o.Albedo = c.rgb;增加新的一行代码，标示输出的效果不受光照影响

Shader "Custom/NewShader 1" {
    Properties {
        _MainTex ("Base (RGB)", 2D) = "white" {}
    }
    SubShader {
        Tags { "RenderType"="Opaque" }
        LOD 200

        CGPROGRAM
        #pragma surface surf Lambert

        sampler2D _MainTex;

        struct Input {
            float2 uv_MainTex;
        };

        void surf (Input IN, inout SurfaceOutput o) {
            half4 c = tex2D (_MainTex, IN.uv_MainTex);
            o.Emission = c.rgb;
            o.Alpha = c.a;
        }
        ENDCG
    } 
    FallBack "Diffuse"
}

颜色的加法：
RGB的加法，表示颜色的叠加，颜色越加越亮。
(1，0，0) + (0，1，0）=（1，1，0） 红加绿等于黄
(0.5,0,0)+(0.7,0,0)=(1.2，0，0)=(1,0,0);两个暗红相加就是更亮的红色，超出1.0的就作为1.0，到顶了再加还是红色
对图片来说，加法会不规则的改变原来的颜色，有不协调感，像是加了一层上去。
一般只有光效才会采用加法混合，就是为了不协调。
我们先来做一个颜色叠加

首先在属性中增加一个添加的颜色属性，可以在Inspector窗口中修改，然后在CG中添加这个变量，最后修改输出的颜色

Shader "Custom/NewShader 1" {
    Properties {
        _MainTex ("Base (RGB)", 2D) = "white" {}
        _AddColor("Add Color",Color) = (0,0,0,0)
    }
    SubShader {
        Tags { "RenderType"="Opaque" }
        LOD 200

        CGPROGRAM
        #pragma surface surf Lambert

        sampler2D _MainTex;
        float4    _AddColor;
        struct Input {
            float2 uv_MainTex;
        };

        void surf (Input IN, inout SurfaceOutput o) {
            half4 c = tex2D (_MainTex, IN.uv_MainTex);
            o.Emission = c.rgb + _AddColor.rgb;
            o.Alpha = c.a;
        }
        ENDCG
    } 
    FallBack "Diffuse"
}

下一步增加一张图片，将两张图片加在一起，需要增加一张贴图，在surf函数中增加新家图片的的颜色采样。

Shader "Custom/NewShader 1" {
    Properties {
        _MainTex ("Base (RGB)", 2D) = "white" {}
        _AddTex("Add (RGB)",2D) = "white" {}
        _AddColor("Add Color",Color) = (0,0,0,0)
    }
    SubShader {
        Tags { "RenderType"="Opaque" }
        LOD 200

        CGPROGRAM
        #pragma surface surf Lambert

        sampler2D _MainTex;
        sampler2D _AddTex;
        float4    _AddColor;
        struct Input {
            float2 uv_MainTex;
        };

        void surf (Input IN, inout SurfaceOutput o) {
            half4 c = tex2D (_MainTex, IN.uv_MainTex);
            half4 c1 = tex2D(_AddTex,IN.uv_MainTex);
            o.Emission = c.rgb + c1.rgb;
            o.Alpha = c.a;
        }
        ENDCG
    } 
    FallBack "Diffuse"
}

乘法
RGB的乘法，表示对亮度的改变，对三个分量乘以相同的值，则三个分量一起变化亮度，色调不变。
对三个分量乘以不同的值，则三个分量分别变化，色调会改变。
对图片来说，图片乘以图片没有什么意义，一般采用图片乘以一个颜色值，可以表示对整个图片的亮度进行修改。
修改之前的代码，将添加的颜色变量由“+”改为“*”。

Shader "Custom/NewShader 1" {
    Properties {
        _MainTex ("Base (RGB)", 2D) = "white" {}
        _AddTex("Add (RGB)",2D) = "white" {}
        _AddColor("Add Color",Color) = (0,0,0,0)
    }
    SubShader {
        Tags { "RenderType"="Opaque" }
        LOD 200

        CGPROGRAM
        #pragma surface surf Lambert

        sampler2D _MainTex;
        sampler2D _AddTex;
        float4    _AddColor;
        struct Input {
            float2 uv_MainTex;
        };

        void surf (Input IN, inout SurfaceOutput o) {
            half4 c = tex2D (_MainTex, IN.uv_MainTex);
            half4 c1 = tex2D(_AddTex,IN.uv_MainTex);
            o.Emission = c.rgb * _AddColor.rgb;
            o.Alpha = c.a;
        }
        ENDCG
    } 
    FallBack "Diffuse"
}

AlphaBlend
透明混合 是加法和乘法的组合运用。
NewColor =SrcColor*(1-Alpha)+Color*Alpha;
将底图的颜色根据当前图的（1-alpha）降低亮度
将当前图的颜色根据当前图的alpha 降低亮度，再合并到一起。
若alpha越低，底图的亮度降低的越少。若alpha越高，当前图的亮度降低的越少。
将最终的颜色计算代入上面的公式，添加的贴图用有Alpha通道的图片

Shader "Custom/NewShader 1" {
    Properties {
        _MainTex ("Base (RGB)", 2D) = "white" {}
        _AddTex("Add (RGB)",2D) = "white" {}
        _AddColor("Add Color",Color) = (0,0,0,0)
    }
    SubShader {
        Tags { "RenderType"="Opaque" }
        LOD 200

        CGPROGRAM
        #pragma surface surf Lambert

        sampler2D _MainTex;
        sampler2D _AddTex;
        float4    _AddColor;
        struct Input {
            float2 uv_MainTex;
        };

        void surf (Input IN, inout SurfaceOutput o) {
            half4 c = tex2D (_MainTex, IN.uv_MainTex);
            half4 c1 = tex2D(_AddTex,IN.uv_MainTex);
            o.Emission = c.rgb*(1-c1.a)+ c1.rgb*c1.a;
            o.Alpha = c.a;
        }
        ENDCG
    } 
    FallBack "Diffuse"
}

最后是颜色看起来变为黑白的方法：
去色就是把饱和度拉下来，让图片看起来是黑白的
我们前面讲过，rgb三分量差距越小，则饱和度越低，三分量相等，就是黑白的。
由于人眼对绿色最为敏感，所以有个简单的方法，让rgb全部都等于绿色的值。

Shader "Custom/NewShader 1" {
    Properties {
        _MainTex ("Base (RGB)", 2D) = "white" {}
        _AddTex("Add (RGB)",2D) = "white" {}
        _AddColor("Add Color",Color) = (0,0,0,0)
    }
    SubShader {
        Tags { "RenderType"="Opaque" }
        LOD 200

        CGPROGRAM
        #pragma surface surf Lambert

        sampler2D _MainTex;
        sampler2D _AddTex;
        float4    _AddColor;
        struct Input {
            float2 uv_MainTex;
        };

        void surf (Input IN, inout SurfaceOutput o) {
            half4 c = tex2D (_MainTex, IN.uv_MainTex);
            half4 c1 = tex2D(_AddTex,IN.uv_MainTex);
            c.r = c.g;
            c.b = c.g;
            o.Emission = c.rgb;
            o.Alpha = c.a;
        }
        ENDCG
    } 
    FallBack "Diffuse"
}

更准确的方式是按照人眼的敏感度求权出亮度：

Shader "Custom/NewShader" {
    Properties {
        //以下属性显示在Inspector窗口
        _MainTex ("Base (RGB)", 2D) = "white" {}
        _AddTex("Add (RGB)",2D) = "white" {} //新增的图片
        _AddColor("Add Color",Color) = (0,0,0,0)//新增的颜色
    }
    SubShader {
        Tags { "RenderType"="Opaque" }
        LOD 200

        CGPROGRAM
        #pragma surface surf Lambert

        //声明对应的变量
        sampler2D _MainTex;
        sampler2D _AddTex;
        float4    _AddColor;

        struct Input {
            float2 uv_MainTex;
        };

        void surf (Input IN, inout SurfaceOutput o) {
            //这两个方法是对图片取颜色
            half4 c = tex2D (_MainTex, IN.uv_MainTex);
            half4 c1 = tex2D(_AddTex,IN.uv_MainTex);

            //o.Albedo = c.rgb; //颜色与光照的影响

            //Alpha混合 
            //o.Emission = c.rgb*(1-c1.a)+ c1.rgb*c1.a;

            //颜色相乘
            //o.Emission = c.rgb * _AddColor.rgb;

            //两张图片颜色相加效果比较糟糕
            //o.Emission = c.rgb +c1.rgb;

            //通过全部变为绿色通道去色
            //c.r = c.g;
            //c.b = c.g;
           // o.Emission = c.rgb;
           float gray = c.r*0.3+c.g*0.59+c.b*0.11;
           o.Emission = gray;
           o.Alpha = c.a;
        }
        ENDCG
    } 
    FallBack "Diffuse"
}

学习参考链接http://www.manew.com/thread-23533-1-1.html

Fatestay_DC
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
UnityShader 实现3D模型颜色渐变效果
05-11
使用Unity Shader使模型的颜色产生简单的两种颜色过渡的渐变效果。
shader-toy:Visual Studio Code中GLSL着色器的类似于Shadertoy的实时预览
05-02
Visual Studio代码-着色器玩具 通过此扩展，通过提供“ Show GLSL Preview”命令，可以在VSCode中查看GLSL着色器的实时WebGL预览，类似于 。 要运行命令，请打开“命令面板”并键入“ Shader Toy：显示GLSL预览”，或在文本编辑器中单击鼠标右键，然后从上下文菜单中选择“ Shader Toy：显示GLSL预览”。 运行命令将拆分视图，并在应用了着色器的情况下显示全屏四边形。 您的片段着色器的入口点是void main()或者如果不可用，则为void mainImage(out vec4, in vec2) ，其中第一个参数是输出颜色，第二个参数是片段屏幕位置。 可以使用替代命令“ Shader Toy：显示静态GLSL预览”，该命令将打开对更改的编辑器不起作用的预览。 可以一次打开任意数量的视图，这使独特的工作流能够编辑依赖多次通过的
Cocos_lua_shader-master.zip
06-12
基于cocos2dx lua的shader使用，包括图片圆角，文字颜色渐变等
Shader-Highlight
08-09
Unity自定义Shader，高亮Shader，可动态调整高亮颜色、速度、开关
Unity Shader - 后处理：简单的颜色调整（亮度，饱和度，对比度）
05-23
我们在做游戏的时候，虽然现在有了Unity等引擎，不用我们自己处理一些繁琐的东西，但是不管怎么样，最后显示在屏幕上的还是一些RGB的像素信息，了解这些基本的概念，肯定对我们做游戏有更大的帮助。
Shader的一些总结
Marccco的博客
11-22 201
要想显示一个向量的颜色只要*0.5再+0.5就可以了
shader编程-着色器中颜色基础（WebGL-Shader开发基础06）
点燃火柴的博客
11-23 4637
shader编程-着色器中颜色基础1. 屏幕颜色2. 颜色根据屏幕坐标变化3. 形状颜色处理4. 借助A通道处理形状颜色 1. 屏幕颜色 在之前的文章中我们用一个三维向量表示颜色 vec3 line_color = vec3(1.0,1.0,0.0); vec3 color = vec3(0.6); 用三维向量表示颜色因为正好它的三个分量可以代表RGBA格式的颜色中的Red（红色）Green（绿色）Blue（蓝色）分量， 我们在最后通常会有一句 gl_FragColor = vec4(color, 1.0
Shader 中的颜色计算
weixin_33692284的博客
09-20 919
下面介绍 Shader 中 gl_FragColor 的计算与转换： 一、颜色计算 1. 加 这里要讲讲三原色和三基色：三原色一般指的是红、绿、蓝三种，简称 RGB，这是加色系。就是光源只含有特定的波段，本身就是色光，将不同颜色的光加在一起形成新的颜色。典型的例子是显示屏，关系如下： 显然，shader 中的颜色属于加色系。当我们把颜色相加时，会形成新的颜色，并且颜色会往白色靠拢。颜色的混合规律...
shader-颜色的计算
birdswillbecomdragon的博客
04-05 1242
1. 加 这里要讲讲三原色和三基色：三原色一般指的是红、绿、蓝三种，简称 RGB，这是加色系。就是光源只含有特定的波段，本身就是色光，将不同颜色的光加在一起形成新的颜色。典型的例子是显示屏，关系如下： 显然，shader 中颜色的加法运算符合加色系规律。当我们把颜色相加时，会形成新的颜色，并且颜色会往白色靠拢。颜色的混合规律符合三原色规律。 2.乘 讲完三原色，再讲讲三基色...
【Unity Shader】从数值角度分析颜色调整（亮度、对比度和饱和度）
weixin_46884197的博客
10-22 3217
第一次写博客。也是因为目前网上很难找到 对于《Unity Shader入门精要》-12.2节中luminance值计算公式 的原理解释，才打算写一篇博客，分享一下我个人对于书中为什么会使用这条公式的理解，所以如果有什么地方说错了，请大佬们轻喷~ ...
Stylized Water Toon Shader - Mobile Ready v3.0
最新发布
12-22
-- 风格化水卡通着色器 -- 这个着色器是一个可以完全自定义的现成水材质。它是一个优化的移动友好着色器，专为设计师、艺术家和开发人员设计，他们想要一个简单但功能强大的水材质，而无需处理编码。 在包中有一个示例场景，其中包含一些环境资源，以帮助您了解它是如何工作的。它非常简单，您可以在文档中找到每个参数的描述。 -- 主要特点 -- 水 您可以设置一个alpha纹理，它是alpha通道，可以给它上色，并随时间改变它的UV位置 波动 您可以更改平面顶点位置以模拟波浪水效果 坡度 您可以设置渐变纹理以创建深暗的水效果，并随时间改变其UV位置 泡沫橡胶 当水与其他物体相交时，该着色器会创建一种可以完全定制的波浪泡沫效果。 阴影 当水与其他物体相交时，该着色器会创建一个阴影，以便在水下可以看到该物体 黑暗 根据摄像机位置，您可以创建渐变暗/亮颜色，您走得越远，水越暗 -- 兼容性 -- 渲染管线 该着色器支持Unity默认渲染管道和LWRP，但不支持HD渲染管道。 Unity版本 此软件包支持的最低统一版本为2019.2.0，但旧版本（从2018.4.38开始）也支持着色器。
代码修改Shader的颜色
abcdtty的专栏
06-03 1775
4.修改shader的颜色              //"_MainColor",   //"_SpecularColor"   //"_SpecColor",   //"_TextColor",   //"_EmissiveColor",       Color green = new Color(0, 0.4f, 0, 0.3f);     this.renderer.mate
unity ShaderLab 基础之【像素混合Blend】Blend命令详解 shaderLab blend blendOp透明度颜色混合
炼丹炉里有煤灰
02-11 4864
一 基础介绍 1 混合 设置当前物体与场景物体重合时该如何显示。 2 缓冲区 【颜色缓冲区】：也叫帧缓冲区，场景中的物体的像素都要写入该缓冲区，然后再渲染到屏幕上显示 【深度缓冲区】：用于记录颜色缓冲区中每个像素的深度值，通过深度缓冲区，我们可以通过深度测试来确定像素的遮挡关系 【模版缓冲区】：与深度缓冲类似，但这个值是可以自己设定的。,通过设置每个像素的模板缓冲值，就可以指定只渲染某些像素，用...
Unity Shader-后处理：简单的颜色调整（亮度，饱和度，对比度）
热门推荐
puppet_master的专栏
09-11 6万+
好久没坚持写blog了，是时候开始撸一波新博文了！学习Unity有一段时间了，关于Shader的书也看了几本《Unity Shader入门精要》，《Unity 3D ShaderLab 开发实战详解》,开一个系列记录一下学习的心得笔记。原理就不多讲了，一篇一个实际Shader样例就好了。 貌似一开始关于shader的讲解都是diffuse，不过，我赶脚后处理貌似更简单，所以第一篇来一发简单后处理
Unity Shader 颜色修改
成长ing中的w的专栏
01-07 4841
编写能够改变模型颜色值得Shader Shader "Unlit/ColorShader" { Properties { _Color("Color",Color) = (1,1,1,1) } SubShader { //渲染一次模型 Pass { //添加Cg/HLSL代码片段 CGPROGRAM //定义顶点着色器
shader：最简单的改变颜色
s36519882013的博客
05-25 8440
Shader //抬头"FixedShader/Test" //unity中选择shader的路径 //shader名字 { Properties //变量块 { MainColor( "Main_Color" , Color ) = (0,0.5,0.5,1) //随便设置一个颜色 //定义一个名字为MainColor的变量,类型为Color(RGBA格式),同时给一个默认值 } SubShad
Shader学习笔记（6）- 色彩叠加和递减
qq_32307691的博客
06-05 3661
色彩操作
shader 顶点属性——颜色
小孔明的专栏
12-13 6622
在shader我们会经常要自己定制一些输入变量到顶点着色器，全部的顶点属性在UnityCG.cginc 你可以在unity的安装目录下找到： 比如：D:\Program Files\Unity2018\Editor\Data\CGIncludes struct appdata_full { float4 vertex : POSITION; float4 tangent : TAN...
shader着色器变量——uniform、attribute和varying
perseverancep的博客
06-21 1457
shader着色器变量——uniform、attribute和varying
shader 颜色叠加算法
07-28
根据引用\[1\]和引用\[2\]的描述，shader颜色叠加算法可以通过以下公式表示： 如果当前颜色 返回1，否则返回0，记作w； 新颜色C = w * 缓存色 * 当前色 * 2 + (1 - w) * (1 - (1 - 缓存色) * (1 - 当前色) * 2)； ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值