unity shader立方体纹理中的反射以及折射效果的实现

已于 2022-06-27 13:28:15 修改
阅读量475 收藏 2
点赞数
分类专栏： 图形学 游戏 文章标签： unity 游戏引擎
于 2022-06-26 21:34:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46525412/article/details/125474342
版权

反射：

如果不考虑反射效果的话，在场景中的问题的镜面表面的效果应该是用表面的法线对立方体纹理进行采样得到该点的颜色。
所以我们进行反射的计算的时候，只需要求得反射方向，再用反射的方向对立方体纹理进行采样即可。
效果：
在这里插入图片描述
代码：

Shader "Custom/Chapter10-Reflaction"
{
   Properties
    {
    _Color("Color Tint",Color)=(1,1,1,1)
    //反射颜色
    _RefractColor("Reflection Color",Color)=(1,1,1,1)
    //反射程度
    _RefractAmount("Reflect Amount",Range(0,1))=1
    //介质的比例
    _RefractRatio("Refraction Ratio",Range(0.1,1))=0.5
    //立方体纹理
    _Cubemap("Reflection Cubemap",Cube)="_Skybox"{}
    }
    SubShader
    {
    Tags { "RenderType"="Opaque" "Queue"="Geometry"}

    Pass{
    Tags{"LightMode"="ForwardBase"}

    CGPROGRAM

    #pragma multi_compile_fwdbase

    #pragma vertex vert
    #pragma fragment frag

    #include "Lighting.cginc"
    #include "AutoLight.cginc"

    fixed4 _Color;
    fixed4 _RefractColor;
    float _RefractAmount;
    fixed _RefractRatio;
    samplerCUBE _Cubemap;

    struct a2v{
    float4 vertex:POSITION;
    float3 normal:NORMAL;
    };

    struct v2f{
    float4 pos:SV_POSITION;
    float3 worldPos:TEXCOORD0;
    fixed3 worldNormal:TEXCOORD1;
    fixed3 worldViewDir:TEXCOORD2;
    //反射光线方向
    fixed3 worldRefr:TEXCOORD3;
    SHADOW_COORDS(4)
    };

    v2f vert(a2v v){
    v2f o;
    o.pos=UnityObjectToClipPos(v.vertex);
    o.worldNormal=UnityObjectToWorldNormal(v.normal);
    o.worldPos=mul(unity_ObjectToWorld,v.vertex).xyz;
    o.worldViewDir=UnityWorldSpaceViewDir(o.worldPos);
    //反射方向
    o.worldRefr = refract(-normalize(o.worldViewDir),normalize(o.worldNormal),_RefractRatio);
    TRANSFER_SHADOW(o);
    return o;
    }

    fixed4 frag(v2f i):SV_Target{
    		    fixed3 worldNormal = normalize(i.worldNormal);
				fixed3 worldLightDir = normalize(UnityWorldSpaceLightDir(i.worldPos));		
				fixed3 worldViewDir = normalize(i.worldViewDir);

                fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz;

                fixed3 diffuse = _LightColor0.rgb*_Color.rgb*max(0,dot(worldNormal,worldLightDir));
                fixed3 Refraction=texCUBE(_Cubemap,i.worldRefr).rgb*_RefractColor.rgb;
                UNITY_LIGHT_ATTENUATION(atten,i,i.worldPos);
                fixed3 color=ambient +lerp(diffuse,Refraction,_RefractAmount)*atten;

                return fixed4(color,1.0);
    }
    ENDCG
    }
    }
    FallBack "Reflective/VertexLit"
}

折射

同理，求得折射的方向，对立方体纹理进行采样。
实现效果：
在这里插入图片描述

代码：

Shader "Custom/Chapter10-Reflaction"
{
   Properties
    {
    _Color("Color Tint",Color)=(1,1,1,1)
    //折射颜色
    _RefractColor("Reflection Color",Color)=(1,1,1,1)
    //折射程度
    _RefractAmount("Reflect Amount",Range(0,1))=1
    //介质的比例
    _RefractRatio("Refraction Ratio",Range(0.1,1))=0.5
    //立方体纹理
    _Cubemap("Reflection Cubemap",Cube)="_Skybox"{}
    }
    SubShader
    {
    Tags { "RenderType"="Opaque" "Queue"="Geometry"}

    Pass{
    Tags{"LightMode"="ForwardBase"}

    CGPROGRAM

    #pragma multi_compile_fwdbase

    #pragma vertex vert
    #pragma fragment frag

    #include "Lighting.cginc"
    #include "AutoLight.cginc"

    fixed4 _Color;
    fixed4 _RefractColor;
    float _RefractAmount;
    fixed _RefractRatio;
    samplerCUBE _Cubemap;

    struct a2v{
    float4 vertex:POSITION;
    float3 normal:NORMAL;
    };

    struct v2f{
    float4 pos:SV_POSITION;
    float3 worldPos:TEXCOORD0;
    fixed3 worldNormal:TEXCOORD1;
    fixed3 worldViewDir:TEXCOORD2;
    //折射光线方向
    fixed3 worldRefr:TEXCOORD3;
    SHADOW_COORDS(4)
    };

    v2f vert(a2v v){
    v2f o;
    o.pos=UnityObjectToClipPos(v.vertex);
    o.worldNormal=UnityObjectToWorldNormal(v.normal);
    o.worldPos=mul(unity_ObjectToWorld,v.vertex).xyz;
    o.worldViewDir=UnityWorldSpaceViewDir(o.worldPos);
    //折射方向
    o.worldRefr = refract(-normalize(o.worldViewDir),normalize(o.worldNormal),_RefractRatio);
    TRANSFER_SHADOW(o);
    return o;
    }

    fixed4 frag(v2f i):SV_Target{
    		    fixed3 worldNormal = normalize(i.worldNormal);
				fixed3 worldLightDir = normalize(UnityWorldSpaceLightDir(i.worldPos));		
				fixed3 worldViewDir = normalize(i.worldViewDir);

                fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz;

                fixed3 diffuse = _LightColor0.rgb*_Color.rgb*max(0,dot(worldNormal,worldLightDir));
                fixed3 Refraction=texCUBE(_Cubemap,i.worldRefr).rgb*_RefractColor.rgb;
                UNITY_LIGHT_ATTENUATION(atten,i,i.worldPos);
                fixed3 color=ambient +lerp(diffuse,Refraction,_RefractAmount)*atten;

                return fixed4(color,1.0);
    }
    ENDCG
    }
    }
    FallBack "Reflective/VertexLit"
}

菲涅尔反射

通过菲涅尔反射来根据视角方向控制反射程度。比如说在现实生活中，我们在近处看湖边的水面，可以看到水下的石头鱼儿等等，但是当我们走远处再去看湖边的水面的时候我们却只能看到水面，而看不到水下的情景，这就是菲涅尔效果。
菲涅尔近似等式：

  • Schlick菲涅尔近似等式： 在这里插入图片描述f是反射系数，控制菲涅尔反射的强度

  • Empricial菲涅尔近似等式：在这里插入图片描述
    效果：
    在这里插入图片描述

代码：

Shader "Custom/Chapter10-Fresnel"
{
    Properties
    {
    _Color("Color Tint",Color)=(1,1,1,1)
    //F0
    _FresnelScale("Fresnel Scale",Range(0,1))=0.5
    //立方体纹理
    _Cubemap("Reflection Cubemap",Cube)="_Skybox"{}
    }
    SubShader
    {
    Tags { "RenderType"="Opaque" "Queue"="Geometry"}

    Pass{
    Tags{"LightMode"="ForwardBase"}

    CGPROGRAM

    #pragma multi_compile_fwdbase

    #pragma vertex vert
    #pragma fragment frag

    #include "Lighting.cginc"
    #include "AutoLight.cginc"

    fixed4 _Color;
    float _FresnelScale;
    samplerCUBE _Cubemap;

    struct a2v{
    float4 vertex:POSITION;
    float3 normal:NORMAL;
    };

    struct v2f{
    float4 pos:SV_POSITION;
    float3 worldPos:TEXCOORD0;
    fixed3 worldNormal:TEXCOORD1;
    fixed3 worldViewDir:TEXCOORD2;
    //反射光线方向
    fixed3 worldRefl:TEXCOORD3;
    SHADOW_COORDS(4)
    };

    v2f vert(a2v v){
    v2f o;
    o.pos=UnityObjectToClipPos(v.vertex);
    o.worldNormal=UnityObjectToWorldNormal(v.normal);
    o.worldPos=mul(unity_ObjectToWorld,v.vertex).xyz;
    o.worldViewDir=UnityWorldSpaceViewDir(o.worldPos);
    //反射方向
    o.worldRefl = reflect(-o.worldViewDir,o.worldNormal);
    TRANSFER_SHADOW(o);
    return o;
    }

    fixed4 frag(v2f i):SV_Target{
    		    fixed3 worldNormal = normalize(i.worldNormal);
				fixed3 worldLightDir = normalize(UnityWorldSpaceLightDir(i.worldPos));		
				fixed3 worldViewDir = normalize(i.worldViewDir);

                fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz;

                fixed3 diffuse = _LightColor0.rgb*_Color.rgb*max(0,dot(worldNormal,worldLightDir));
                //计算得到菲涅尔近似
                fixed3 Reflection =texCUBE(_Cubemap,i.worldRefl).rgb;
                fixed fresnel =_FresnelScale+(1-_FresnelScale)*pow(1-dot(worldViewDir,worldNormal),5);
                UNITY_LIGHT_ATTENUATION(atten,i,i.worldPos);
                //用菲涅尔近似差值反射颜色和漫反射颜色
                fixed3 color =ambient +lerp(diffuse,Reflection,saturate(fresnel))*atten;

                return fixed4(color,1.0);
    }
    ENDCG
    }
    }
    FallBack "Reflective/VertexLit"
}
早田凛凛子
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Unity Shader 折射
qq_44800780的博客
12-02 590
实现如下： Shader "Refract" { Properties { _MainTex ("Texture", 2D) = "white" {} _RefractColor("Refraction Color", Color) = (1,1,1,1) _RefractAmount("Refraction Amount",Range(0,1)) = 1...
【Shader Forge】Refraction实现折射效果的研究
一个字
05-29 2771
本文转自：https://blog.csdn.net/AKA009/article/details/70161062Refraction Refraction is a screen-space UV offset for refracting the background pixels. Make sure you set the alpha to something below 1 befor...
shader学习之路——折射
qq_43761888的博客
03-11 339
斯涅尔定律来计算反射角 介质1*sinA1 = 介质2*sinA2 Shader "Custom/RefractionShader" { Properties { _Color ("Color", Color) = (1,1,1,1) _RefractColor("Refract Color",Color) = (1,1,1,1) _RefractAmount("Refract Amount",Range(0.1,1)) = 0.5 _RefractRatio("Refracti.
【Unity3D】反射和折射
little_fat_sheep
05-23 1488
立方体纹理（Cubemap）和天空盒子（Skybox）中介绍了生成立方体纹理和制作天空盒子的方法，本文将使用立方体纹理进行采样，实现反射、菲涅耳反射和折射效果。另外，本文还使用了 GrabPass 抓取屏幕图像，替代立方体纹理，作为折射的采样纹理。立方体纹理采样原理：从世界坐标系的坐标原点出发，发射一条射线，与边长为 1 的立方体相交（其中心在坐标原点，并且每个面与对应坐标轴垂直），交点位置的像素即为采样的像素。
【Unity】Shader优化总结
真像大白阿的博客
01-29 4104
分为三个部分：Unity官方文档，GDC，个人经验。 Unity Manual 1.计算量优化。着色器进行的计算和处理越多，对性能的影响越大。针对不影响最终效果但依然进行计算的无效代码，进行移除操作。计算的频率也会影响游戏的性能。通常，像素着色器比顶点着色器的执行次数要多。在可能的情况下，将计算从像素着色器移动到顶点着色器，或将它们完全在着色器移除，在脚本中计算并传递给着色器。 2.表面着色器优化。Unity提供的表面着色器非常适合编写与光照交互的着色器。针对特定情况设置关键字以使着色器效率更高或减小
Shader实现瓶内液体效果Demo
02-07
在Unity游戏引擎中，Shader是实现游戏画面效果的重要工具，它可以控制物体表面的光照、颜色、纹理等视觉表现。本示例"Shader实现瓶内液体效果Demo"专注于模拟玻璃容器内的液体动态效果，通过自定义Shader来提升游戏...
unity实现玻璃效果
12-20
在Unity引擎中，实现玻璃效果通常涉及到对光线的反射、折射以及透明度的精确控制。以下将详细讲解如何通过不同的技术方法在Unity中创建逼真的玻璃效果。 首先，我们可以使用Cubemap（立方体贴图）来模拟玻璃的假...
Unity Shader模拟玻璃效果
12-20
本例中的"Glass Refraction" Shader是专门设计用来模拟玻璃的视觉效果，包括折射、反射和表面纹理。下面是这个Shader实现玻璃效果的核心知识点： 1. **Shader结构**： Shader脚本以`Shader`关键字开头，定义一个名...
unity光线反射测试demo
03-07
6. **Shader编程**：Unity使用Shader语言（如Unity Shader Graph或自定义的CG/HLSL代码）来编写定制的渲染逻辑，实现更复杂的反射效果，如屏幕空间反射（Screen Space Reflections）或深度缓冲区反射（Depth Buffer ...
Unity水波shader
01-10
6. **环境映射（Environment Mapping）**：水面反射是水波Shader的重要部分，通过立方体贴图或者HDR环境贴图，Shader可以计算并显示周围环境的反射效果。 7. **折射（Refraction）**：模拟光线穿过水面时的偏折现象...
Unity实时折射、镜面反射shader
11-18
包里4个文件 Mirror.cs ：与shader互动的脚本，使用这组材质同时要把这个脚本拖给使用的物体才能生效 Mirror-BumpSpec.shader 实时镜面反射shader 可以配合法线贴图一起用 适用于平面物体
Unity镜子效果、镜面反射效果（无需Shader）即可实现
08-06
无需自己找镜子Shader，只需2个脚本即可在Unity中创建一个简单的模拟镜面反射效果。 使用教程链接：https://blog.csdn.net/ChinarCSDN/article/details/80862999
Unity Shader 入门精要——反射、折射
weixin_51327051的博客
10-02 2303
反射 效果： 代码： // Upgrade NOTE: replaced '_Object2World' with 'unity_ObjectToWorld' // Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)' Shader "Unity Shaders Book/Chapter 10/Reflection" { Properties { _Color ("Color Ti.
高光反射 - UnityShader
有趣的博客
09-20 746
代码包含了 漫反射，高光反射，环境光。这个代码是继续上次博客的代码 ->Blinn - Phong 模型。参数与上面相同，h 为特殊的参数。为光线的反射对于法线的方向。高光反射分为两种实现。
Unity Shader入门精要 第六章——Unity中的基础光照
最新发布
buzhengli的博客
07-21 1969
逐像素光照，以每个像素为基础，得到它的法线（可以是对顶点法线插值得到的，也可以是从法线纹理中采样得到的），然后进行光照模型计算，这种在面片之间对顶点法线进行插值的技术称为Phong着色，也被称为Phong插值或法线插值技术，这不同于Phong光照模型。上面两个模型(也叫兰伯特光照模型)有个问题就是，光照没有照射到的地方是全黑的，没有明暗变化，导致背面就像是有个平面一样。与原来的兰伯特光照模型相比，半兰伯特光照模型没有使用max操作来防止n*I的点积为负值，而是进行了一个α倍的缩放和β大小的偏移。
Unity shader(CG) 写一个 散色、折射、反射、菲涅尔、gamma、简单后期屏幕特效
恬纳微晰
05-01 1万+
Unity shader(CG) 写一个 散色、折射、反射、菲涅尔、gamma、简单后期屏幕特效1.自生要求是很重要的，当然不是什么强迫工作之类的，而是自己有限的能力上不断的扩展兴趣上的内容。 2.用生活的眼光去发现shader的存在形式，许多灵感都来自于大自然，比如 火苗的动态抖动 像 frac/fract（time）函数，甚至小草被风吹也像frac/fract(time).http://www
unity Shader 内置函数
我动了谁的奶酪
02-19 5539
一、数学内置函数 1、Step(a,x):如果x<a返回0；如果x>或=a返回1 2、Clamp(x,a,b):如果x<a返回a；如果x>b返回b；如果在a和b之间就返回x 3、smoothstep(min,max,x):返回的值为–2*((x –min )/(max –min ))3 +3*((x –min )/(max –min ))2 4、lerp(a,b,f...
【Unity Shader】unity海边波浪效果的实现
热门推荐
MrASL的博客
01-10 5万+
效果图如下（GIF因为为了把图压小所以删掉了一些帧导致后面速度突然很快，实际效果并不是这样~_~）PS.对于移动端，参考该文章：http://www.lsngo.net/2018/03/22/unity_seawave_vertexcolor/之前在玩很多游戏的时候，注意到里面的海水和陆地相交接的地方会产生海浪，比如《海岛奇兵》，以及水面会出现一个透明渐隐的过度，而不会在水面和陆地的交界处产生硬切...
【Unity3D自学记录】Unity Shader 常用函数列表
虚拟世界
06-24 2525
CG 标准函数库     和 C 的标准函数库类似，Cg 提供了一系列内建的标准函数。这些函数用于执行数学上的通用计算或通用算法（纹理映射等），例如，需要求取入射光线的反射光线方向向量可以使用标准函数库中的 reflect 函数，求取折射光线方向向量可以使用 refract 函数，做矩阵乘法运算时可以使用 mul 函数。    有些函数直接和 GPU 指令相对应，所以执行效率非常高。绝大部分标

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值