Unity3D Shader（10）——Fragment Shader（漫反射、phong效果、blinnPhong效果、阴影、halfLambert、渐变纹理）

最新推荐文章于 2021-05-27 02:34:59 发布
最新推荐文章于 2021-05-27 02:34:59 发布
阅读量630 收藏 2
点赞数
分类专栏： Unity3D shader 文章标签： shader unity3d
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/niuge8905/article/details/77108636
版权

各种shader 小问题请咨询扣扣：2540，33230 


Fragment Shader的效果要好于vertex shader，前者基于面，然后逐像素处理对象，后者基于顶点来处理对象，缺点就是前者计算相对复杂，会多耗费一些资源。

首先对应着vertex shader（看之前的博客），来看一下Fragment的漫反射的效果。

Fragment Shader的主要计算在Frag方法里计算，Vert方法主要起传递数据的作用，而vertex shader主要在Vert方法里计算。

Shader "Custom/FragmentShader" {
	SubShader {
		PASS{
		tags{"LightMode"="ForwardBase"}		
		CGPROGRAM
		#pragma vertex vert  
        #pragma fragment frag
        #include "UnityCG.cginc"
        #include "Lighting.cginc"


        struct v2f{
        float4 pos:POSITION;
        float3 normal1:TEXCOORD0;
        float4 vertex1:TEXCOORD1;
        };  

        v2f vert(appdata_base v){
        v2f o;
        o.pos=UnityObjectToClipPos(v.vertex);
        o.normal1=v.normal;
        o.vertex1=v.vertex;   
        return o;
        }

        float4 frag(v2f IN):COLOR{

        float4 col= UNITY_LIGHTMODEL_AMBIENT;
        float3 N=UnityObjectToWorldNormal(IN.normal1);
        float3 L=normalize(WorldSpaceLightDir(IN.vertex1));
        float diffuseScale=saturate(dot(N,L));
        col+=_LightColor0*diffuseScale;
        return col;
        }
		ENDCG
		}
	}
	FallBack "Diffuse"

}

2、将上面代码稍微修改一下，即在frag方法里增加Phong的计算就可以得到Phong的效果，原理请看上篇博文。具体代码如下：

properties{
_SpecularColor("SpecularColor",color)=(1,1,1,1)
_Shininess("Shininess",range(1,8))=4

}
	SubShader {
		PASS{
		tags{"LightMode"="ForwardBase"}		
		CGPROGRAM
		#pragma vertex vert  
        #pragma fragment frag
        #include "UnityCG.cginc"
        #include "Lighting.cginc"

        float4 _SpecularColor;
        float _Shininess;


        struct v2f{
        float4 pos:POSITION;
        float3 normal1:TEXCOORD0;
        float4 vertex1:TEXCOORD1;
        };  

        v2f vert(appdata_base v){
        v2f o;
        o.pos=UnityObjectToClipPos(v.vertex);
        o.normal1=v.normal;
        o.vertex1=v.vertex;   
        return o;
        }

        float4 frag(v2f IN):COLOR{

        float4 col= UNITY_LIGHTMODEL_AMBIENT;
        float3 N=UnityObjectToWorldNormal(IN.normal1);
        float3 L=normalize(WorldSpaceLightDir(IN.vertex1));
        float diffuseScale=saturate(dot(N,L));
        col+=_LightColor0*diffuseScale;

        //Phong运算
        float3 V=normalize(WorldSpaceViewDir(IN.vertex1));
        float3 R=2*dot(N,L)*N-L;
        float specularScale=saturate(dot(R,V));
        col+=_SpecularColor*pow(specularScale,_Shininess);

        return col;
        }
		ENDCG
		}
	}
	FallBack "Diffuse"

}


3、同样的，在Phong效果的基础上，再修改一下，即可以得到BlinnPong的效果。

Shader "Custom/FragmentShader" {
properties{
_SpecularColor("SpecularColor",color)=(1,1,1,1)
_Shininess("Shininess",range(1,8))=4

}
	SubShader {
		PASS{
		tags{"LightMode"="ForwardBase"}		
		CGPROGRAM
		#pragma vertex vert  
        #pragma fragment frag
        #include "UnityCG.cginc"
        #include "Lighting.cginc"

        float4 _SpecularColor;
        float _Shininess;


        struct v2f{
        float4 pos:POSITION;
        float3 normal1:TEXCOORD0;
        float4 vertex1:TEXCOORD1;
        };  

        v2f vert(appdata_base v){
        v2f o;
        o.pos=UnityObjectToClipPos(v.vertex);
        o.normal1=v.normal;
        o.vertex1=v.vertex;   
        return o;
        }

        float4 frag(v2f IN):COLOR{

        float4 col= UNITY_LIGHTMODEL_AMBIENT;
        float3 N=UnityObjectToWorldNormal(IN.normal1);
        float3 L=normalize(WorldSpaceLightDir(IN.vertex1));
        float diffuseScale=saturate(dot(N,L));
        col+=_LightColor0*diffuseScale;

        //Phong运算
        //float3 V=normalize(WorldSpaceViewDir(IN.vertex1));
        //float3 R=2*dot(N,L)*N-L;
        //float specularScale=saturate(dot(R,V));
        //col+=_SpecularColor*pow(specularScale,_Shininess);

        //BlinnPhong运算
        float3 V=normalize(WorldSpaceViewDir(IN.vertex1));
        float3 H=normalize(V+L);
        float specularScale=saturate(dot(H,V));
        col+=_SpecularColor*pow(specularScale,_Shininess);


        return col;
        }
		ENDCG
		}
	}
	FallBack "Diffuse"

}


4、从上面的代码，可以看到，上面并没有阴影的描述，所以需要增加一个阴影，这个阴影用光照深度来描述（atten），将上面的代码再修改一下

Shader "Custom/FragmentShader" {
properties{
_SpecularColor("SpecularColor",color)=(1,1,1,1)
_Shininess("Shininess",range(1,8))=4

}
	SubShader {
		PASS{
		tags{"LightMode"="ForwardBase"}		
		CGPROGRAM
		#pragma vertex vert  
        #pragma fragment frag
        #pragma multi_compile_fwdbase
        #include "UnityCG.cginc"
        #include "Lighting.cginc"
        #include "AutoLight.cginc"

        float4 _SpecularColor;
        float _Shininess;


        struct v2f{
        float4 pos:POSITION;
        float3 normal1:TEXCOORD0;
        float4 vertex1:TEXCOORD1;
        LIGHTING_COORDS(2,3)
        };  

        v2f vert(appdata_base v){
        v2f o;
        o.pos=UnityObjectToClipPos(v.vertex);
        o.normal1=v.normal;
        o.vertex1=v.vertex;
        TRANSFER_VERTEX_TO_FRAGMENT(o)   
        return o;
        }

        float4 frag(v2f IN):COLOR{

        float4 col= UNITY_LIGHTMODEL_AMBIENT;
        float3 N=UnityObjectToWorldNormal(IN.normal1);
        float3 L=normalize(WorldSpaceLightDir(IN.vertex1));
        float diffuseScale=saturate(dot(N,L));
        col+=_LightColor0*diffuseScale;

        //Phong运算
        //float3 V=normalize(WorldSpaceViewDir(IN.vertex1));
        //float3 R=2*dot(N,L)*N-L;
        //float specularScale=saturate(dot(R,V));
        //col+=_SpecularColor*pow(specularScale,_Shininess);

        //BlinnPhong运算
        float3 V=normalize(WorldSpaceViewDir(IN.vertex1));
        float3 H=normalize(V+L);
        float specularScale=saturate(dot(H,V));
        col+=_SpecularColor*pow(specularScale,_Shininess);
        //增加阴影
        float atten=LIGHT_ATTENUATION(IN);
        col.rgb*=atten;
        return col;
        }
		ENDCG
		}
	}
	FallBack "Diffuse"

}
阴影效果如下：



从上面的效果可以看出，背面比较黑，如果想背面也显示不那么黑，就可以用Half Lambert光照模型

Shader "Custom/Shader" {
	Properties {
		_Color ("Color", Color) = (1,1,1,1)

	}
	SubShader {
	pass{
		Tags { "RenderType"="Opaque" }
		LOD 200
		
		CGPROGRAM
		// Physically based Standard lighting model, and enable shadows on all light types
		// Use shader model 3.0 target, to get nicer looking lighting
		#pragma target 3.0
		#pragma vertex vert
		#pragma fragment frag

		#include "Lighting.cginc"
		#include "UnityCG.cginc"

		struct v2f {
			float4 pos:SV_POSITION;
			float3 V:Texcoord0;
			float3 N:Texcoord1; 
		};

		fixed4 _Color;

		v2f vert(appdata_base v){
		 v2f o;
		 o.pos=UnityObjectToClipPos(v.vertex);
		 o.N=v.normal;
		 o.V=WorldSpaceLightDir( v.vertex);
		 return o;
		}


		float frag(v2f IN):color {
		float4 col;
		float diff=dot(IN.N,IN.V)*0.5+0.5;
		col=_LightColor0*diff;
		return col; 			
		}
		ENDCG
	}
	}
	FallBack "Diffuse"
}


渐变纹理（摘自http://blog.csdn.net/u013354943/article/details/52788010）

Shader "LT/RampTexture"
{
    Properties
    {
        _Color("Color Tint",Color) = (1,1,1,1)
        _RampTex("Ramp Tex",2D) = "white" {}    //渐变纹理
        _Specular("Specular",Color) = (1,1,1,1)
        _Gloss("Gloss",Range(8.0,256)) = 20
    }
    SubShader
    {
        Pass
        {
            Tags { "LightMode"="ForwardBase" }//定义该Pass在光照流水线中的角色光照模式注意要设置为Forward
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag
            
            #include "UnityCG.cginc"
            #include "Lighting.cginc"

            fixed4 _Color;
            sampler2D _RampTex;
            fixed4 _Specular;
            float4 _RampTex_ST;
            float _Gloss;

            struct appdata
            {
                float4 vertex : POSITION;
                float2 uv : TEXCOORD0;
                float3 normal : NORMAL;
            };

            struct v2f
            {
                float2 uv : TEXCOORD0;
                float4 vertex : SV_POSITION;
                float3 worldNormal : TEXCOORD1;
                float3 worldPos : TEXCOORD2;
            };
            
            v2f vert (appdata v)
            {
                v2f o;
                o.vertex = UnityObjectToClipPos(v.vertex);
                o.worldNormal = UnityObjectToWorldNormal(v.normal);
                o.worldPos = mul(unity_ObjectToWorld,v.vertex).xyz;
                o.uv = TRANSFORM_TEX(v.uv, _RampTex);   //内置的宏计算平铺和偏移位置
                return o;
            }
            
            fixed4 frag (v2f i) : SV_Target
            {
                fixed3 worldNormal =normalize(i.worldNormal);
                fixed3 worldLightDir =normalize(UnityWorldSpaceLightDir(i.worldPos));
                fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz ;
                
                //法线和方向和光照方向的点积做一次0.5倍的缩放和一个0.5大小的偏移来计算兰伯特部分halfLambert,得到结果在【0，1】之间
                fixed halfLambert = 0.5 *dot(worldNormal,worldLightDir) +0.5;
                //用halfLambert构建一个纹理坐标，并对这个纹理坐标对_RampTex进行采样。
                //由于_RampTex实际是一个一维纹理（纵轴方向上颜色不变），所以纹理坐标的UV方向我们都使用了halfLambert，
                fixed3 diffuseColor = tex2D(_RampTex, fixed2(halfLambert,halfLambert)).rgb * _Color.rgb;
                //漫反射颜色 = 渐变纹理采样得到的颜色 * 材质颜色
                fixed3 diffuse  = _LightColor0 * diffuseColor ;

                fixed3 viewDir = normalize(UnityWorldSpaceViewDir(i.worldPos));
                fixed3 halfDir = normalize(worldLightDir + viewDir);
            
                fixed3 specular = _LightColor0.rbg * _Specular.rgb *pow(max(0,dot                       (worldNormal,halfDir)),_Gloss);
                fixed4 col = fixed4( diffuse+  specular + ambient,1.0);
                return col;
            }
            ENDCG
        }
    }
    Fallback "Specular"
}






niuge No.1
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
UnityShader 实现3D模型颜色渐变效果
05-11
本教程将探讨如何利用Unity Shader实现3D模型的颜色渐变效果。颜色渐变是一种常见的视觉表现手法，它可以让模型看起来更加生动和有层次感。 首先，我们需要理解Unity中的Standard Shader，这是Unity默认提供的一个...
渲染流水线步骤
一直走，不要回头
02-18 1553
原文：https://zhuanlan.zhihu.com/p/137780634 本文只用于作为个人笔记， 目录 一、基础背景 1.1 什么是渲染（Rendering） 1.2 什么是流水线 1.3 CPU与GPU的区别 二、渲染管线（Render Pipeline） 2.1 应用阶段（Application Stage） 2.2 几何阶段（Geometry Stage） 2.2.1 放入显存与Draw Call 2.2.2 顶点着色器（Vertex Shaders） ...
Fragment Shader(片段着色器)
magic-zhu
08-09 3941
什么是 Fragment Shader(片段着色器)？ 如果你曾经有用计算机绘图的经验，你就知道在这个过程中你需要画一个圆，然后一个长方形，一条线，一些三角形……直到画出你想要的图像。这个过程很像用手写一封信或一本书 —— 都是一系列的指令，需要你一件一件完成。 Shaders 也是一系列的指令，但是这些指令会对屏幕上的每个像素同时下达。也就是说，你的代码必须根据像素在屏幕上的不同位置执行不同的操作。就像活字印刷，你的程序就像一个 function（函数），输入位置信息，输出颜色信息，当它编译完之后会以相当
Shader 笔记二 片段着色器 Fragment Shader
王王王渣渣的博客
04-22 1645
简介 顶点片段着色器，运行于具有可编程渲染管线的硬件上，它包括顶点程序Vertex Programs和片段程序Fragment Programs。当在使用顶点程序或片段程序进行渲染的时候，图形硬件的固定功能管线会关闭，具体来说就是编写的顶点程序会替换掉固定管线中标准的3D变换，光照，纹理坐标生成等功能，而片段程序会替换掉SetTexture命令中的纹理混合模式。 顶点着色程序与片段着色程序通常...
Unity3D项目导入Android Studio并利用Fragment显示
weixin_43659000的博客
11-03 4757
Unity3D导入AS并利用Fragment显示-本文较为详细介绍了，Unity3D项目导入AS，AS中显示Unity3D，利用Fragment显示Unity3D三个问题的主要过程，一些常见错误都在正文中指出，不再单独列出，部分代码也在正文贴出。
unity android surface,在Fragment中集成Unity
weixin_36339234的博客
05-27 667
2017-1-12突然特别感谢在我编程时出现的bug，因为有了它，我才了解到什么是谷歌上没有的知识，或者不全面的知识，这样我才有内容可写，不想写别人写过的，因为觉得那样浪费资源。。。只是简单的重复别人的东西，只会增加资源冗余。昨晚遇到了一个bug，就是之前在activity中加载unity文件是可以正常显示的，具体参考上一篇文章unity3d项目导入android studio，然后我需要在一个f...
[OpenGL] 通俗理解 什么是vertex shader 什么是 fragment shader（又称pixel shader）
...
05-17 6529
shader是一段跑在GPU上的程序。 什么是vertex shader 什么是 fragment shader（又称pixel shader），作用： vertex shader：告诉显卡点应该被画在什么位置，对每一个顶点（这些顶点可能有很多属性（纹理，法线等等），也可能只有最基本的位置属性），假设有三个顶点，那么就应该被调用3次。 fragment shader（pixel shader）：对每一个需要渲染的像素运行fragment shader，设置像素的颜色，并最终渲染在屏幕...
Unity shader实现多光源漫反射以及阴影
08-18
Unity shader实现多光源漫反射以及阴影 在 Unity 中， shader 是实现多光源漫反射以及阴影的关键技术之一。本文将详细介绍 Unity shader 实现多光源漫反射以及阴影的方法，并提供了详细的示例代码。 多光源漫反射...
Unity3D Ui利用shader添加效果
08-26
Unity3D Ui利用shader添加效果 Unity3D Ui利用shader添加效果是 Unity3D 中一种常见的技术，通过使用 shader 可以为Ui添加各种视觉效果，从而提高游戏或应用程序的视觉体验。本文将详细介绍 Unity3D Ui利用shader...
Unity Shader实现纹理遮罩效果
08-19
Unity Shader 实现纹理遮罩效果 Unity Shader 是一种强大的图形shader语言，它可以实现复杂的图形效果。在 Unity 中，Shader 是一个非常重要的组件，它可以控制游戏中的图形效果。在本文中，我们将详细介绍如何...
Unity Shader实现序列帧动画效果
08-26
Unity Shader 实现序列帧动画效果 序列帧动画是一种常用的动画技术，在游戏、电影和广告行业中广泛应用。 Unity 作为一个功能强大的游戏引擎，提供了强大的 shader 编程能力，可以实现复杂的序列帧动画效果。本文将...
Unity Shader 顶点和片段着色器(Vertex and Fragment Shader)
jk823394954的专栏
10-19 7101
顶点着色器主要是处理顶点的平移，缩放等位置或者大小相关的函数。 片段着色器主要处理的是像素的颜色。 我们先来看一个简单的例子。 首先我们通过"Create->3D Object->Plane"来创建一个面板。 案例一 我们来通过一个Shader来把这个面板变成红色 我们创建一个材质并修改名字为RedMaterial。在创建一个Shader并修改名字为RedSha
android与Unity3D交互，fragment显示unity3d视图。
jiguangcanhen的专栏
10-16 8320
Unity3d与android进行交互，使用Fragment来展示Unity3d的视图，在android视图与Unity3d视图之间相互切换。
Shader13 Fragmentshader片段级光照
qq_35647121的博客
06-14 398
Shader "Sbin/MyDiffuseFrag" { SubShader { pass { //渲染路径的类型 tags("LightMode"="Vertex") CGPROGRAM #pragma vertex vert #pragma fragment frag //引用公用方法 Unity\...
Fragments
siege
08-02 777
我们的 FragmentsA Fragment represents a behavior or a portion of user interface in an Activity. You can combine multiple fragments in a single activity to build a multi-pane UI and reuse a fragment in mul
【Unity Shaders】Vertex & Fragment Shader入门
weixin_33759269的博客
10-21 571
写在前面三个月以前，在一篇讲卡通风格的Shader的最后，我们说到在Surface Shader中实现描边效果的弊端，也就是只对表面平缓的模型有效。这是因为我们是依赖法线和视角的点乘结果来进行描边判断的，因此，对于那些平整的表面，它们的法线通常是一个常量或者会发生突变（例如立方体的每个面），这样就会导致最后的效果并非如我们所愿。如下图所示：因此，我们有一个更好的方法来实现描边效果，也就是通过两...
Android Fragment展示Unity场景
A_pyf的博客
02-18 609
unity导入Android说明 新建项目 首先新建一个unity项目和一个Android项目，对应本demo的UnityScene和AndroidProject Unity Scene 将unity配置为Android file --> buildingSettings 选择Android，点击switch platform。 构建项目 勾选export project，building，新建UnityScene文件夹保存，导出后文件结构大致如下 引入到Android项目中 以下文件放到Andro
Android Fragment中加载,嵌套Unity视图
周浩__的博客
09-08 2157
最近发现android 程序上面嵌套unity视图挺火 我目前公司做这个项目 也是属于android Fragment嵌套unity的视图 我把嵌套的步骤分享给大家 .. 以及与unity3D的交互也分享出来.. 第一步 ;公司做unity开发的先将unity程序导出来(导成android项目) 具体如下图 把assets文件夹拷贝到自己项目的main文件夹下 与java文件夹同级
Unity3D shader（15）——材质（玻璃）
热门推荐
niuge8905的博客
08-19 1万+
如有更多问题，请qq254033230咨询。 有了前面的基础，就可以随意用Unity Fragement Shader来实现自己想要的效果。 这里就主要以玻璃为例。 首先实现玻璃的透明的特性； 里面的Tags { "Queue" = "Transparent" }是为了实现透明的效果。Blend SrcAlpha OneMinusSrcAlpha为了显示透明的物体不改变后面的物体的显示效果
Unity3D Shader图像扭曲过场效果
最新发布
06-01
要实现图像扭曲过场效果，可以使用Unity3D中的Shader。具体实现步骤如下： 1. 创建一个新的Shader，并将其属性设置为Unlit/Texture。 2. 在Shader中添加一个名为“Distortion”的属性，类型为2D纹理，用于存储扭曲...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值