UnityShader笔记 Cubemap

已于 2023-06-02 01:19:13 修改
阅读量143 收藏
点赞数
文章标签： unity 游戏引擎
于 2022-02-18 12:23:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/awsl_tsl/article/details/123000611
版权
本文详细介绍了如何在Unity3D中使用Shader实现金属表面的反射效果，通过CubeMap纹理和反射向量进行环境映射。接着讲解了折射效果的实现，通过refract函数模拟光线折射。最后，讨论了Fresnel效应，即视角角度变化对反射和折射比例的影响，使用Schlick菲涅尔近似公式进行近似计算。Shader代码展示了具体的实现细节。
摘要由CSDN通过智能技术生成

反射效果

 

使用CubeMap可以实现金属表面的反射效果

// Upgrade NOTE: replaced '_Object2World' with 'unity_ObjectToWorld'
// Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)'

Shader "Custom/ReflectionMat"
{
    Properties{
        //TintColor:色调
        _Color("TintColor", Color) = (1.0, 1.0, 1.0, 1.0)  
        _CubeMap("CubeMap", Cube) = "_Skybox"{}
        _Specular("Specular", Color) = (1.0, 1.0, 1.0, 1.0)
        _Gloss("Gloss", Range(8.0, 256)) = 20
        _ReflectScale("ReflectScale", float) = 1
    }
    SubShader{
        Pass{
            Tags{
                "LightMode" = "ForwardBase"
            }
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag

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

            half4 _Color;
            samplerCUBE _CubeMap;
            half4 _Specular;
            half _Gloss;
            float _ReflectScale;

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

            struct v2f{
                float4 vertex : SV_POSITION;
                float3 worldNormal : TEXCOORD0;
                float3 worldPos : TEXCOORD1;
                float2 uv : TEXCOORD3;
            };

            v2f vert(a2v i){
                v2f o;
                UNITY_INITIALIZE_OUTPUT(v2f, o);
                o.vertex = UnityObjectToClipPos(i.vertex);

                o.worldNormal = normalize(UnityObjectToWorldNormal(i.normal));
                o.worldPos = mul(unity_ObjectToWorld, i.vertex);
                //o.uv = i.texcoord;

                return o;
            }

            half4 frag(v2f i) : SV_TARGET{
                half3 lightDir = normalize(UnityWorldSpaceLightDir(i.worldPos));

                half3 viewDir = normalize(UnityWorldSpaceViewDir(i.worldPos));

                half3 worldReflectDir = reflect(-viewDir, i.worldNormal);

                half3 reflectDir = normalize(reflect(-lightDir, i.worldNormal));

                half3 albedo = texCUBE(_CubeMap, worldReflectDir).rgb * _Color;

                half3 diffuse = _LightColor0.rgb * albedo * (0.5 * saturate(dot(i.worldNormal, lightDir)) + 0.5);

                half3 ambient = UNITY_LIGHTMODEL_AMBIENT.rgb * _Color;

                //half3 specular = _LightColor0.rgb * _Color * pow(saturate(dot(reflectDir, viewDir)), _Gloss);

                return half4(diffuse, 1.0);
            }
            ENDCG
        }
    }

    FallBack "Specular"
}

         原理：利用CubeMap映射模型表面的纹理，对CubeMap纹理进行采样需要一个三维向量（不需要标准化），采样以CubeMap中心店为原点，以该向量为方向的射线与CubeMap相交的坐标的纹理。环境经过模型反射到摄像机的过程不好分析，但由于光路可逆，我们可以用视角方向和模型各顶点的法线方向求得环境到模型光线的方向向量，利用该向量在对应的CubeMap进行采样。这里的CubeMap用ScriptableWizard接口利用脚本自动生成。

        反射的结果和纹理的清晰度有关，如上图就是用FaceSize为64的CubeMap绘制的纹理，而下图为用FaceSize为128重新采样的结果。

 折射效果

Shader "Custom/RefractionMat"
{
    Properties{
        //TintColor:色调
        _Color("TintColor", Color) = (1.0, 1.0, 1.0, 1.0)  
        _CubeMap("CubeMap", Cube) = "_Skybox"{}
        _Specular("Specular", Color) = (1.0, 1.0, 1.0, 1.0)
        _Gloss("Gloss", Range(8.0, 256)) = 20
        _ReflectScale("RefractScale", Range(0, 1.0)) = 1
        _AmbientScale("AmbientScale", Range(0, 1.0)) = 0.5
    }
    SubShader{
        Pass{
            Tags{
                "LightMode" = "ForwardBase"
            }
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag

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

            half4 _Color;
            samplerCUBE _CubeMap;
            half4 _Specular;
            half _Gloss;
            float _ReflectScale;
            half _AmbientScale;

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

            struct v2f{
                float4 vertex : SV_POSITION;
                float3 worldNormal : TEXCOORD0;
                float3 worldPos : TEXCOORD1;
                float2 uv : TEXCOORD3;
            };

            v2f vert(a2v i){
                v2f o;
                UNITY_INITIALIZE_OUTPUT(v2f, o);
                o.vertex = UnityObjectToClipPos(i.vertex);

                o.worldNormal = normalize(UnityObjectToWorldNormal(i.normal));
                o.worldPos = mul(unity_ObjectToWorld, i.vertex);
                //o.uv = i.texcoord;

                return o;
            }

            half4 frag(v2f i) : SV_TARGET{
                half3 lightDir = normalize(UnityWorldSpaceLightDir(i.worldPos));

                half3 viewDir = normalize(UnityWorldSpaceViewDir(i.worldPos));

                half3 worldRefractDir = refract(-viewDir, i.worldNormal, _ReflectScale);

                half3 reflectDir = normalize(reflect(-lightDir, i.worldNormal));

                half3 albedo = texCUBE(_CubeMap, worldRefractDir).rgb * _Color;

                half3 diffuse = _LightColor0.rgb * albedo * (0.5 * saturate(dot(i.worldNormal, lightDir)) + 0.5);

                half3 ambient = UNITY_LIGHTMODEL_AMBIENT.rgb * _Color;

                //half3 specular = _LightColor0.rgb * _Color * pow(saturate(dot(reflectDir, viewDir)), _Gloss);

                return half4(diffuse + ambient * _AmbientScale, 1.0);
            }
            ENDCG
        }
    }

    FallBack "Specular"
}

        只需要将模型映射纹理的方式修改成折射即可，计算折射使用refract函数。 如果折射率为1时，则呈现透明效果。

 Fresnel反射

Blinn-Phong经常并不能很好的表现模型的真实材质，如真实世界的水面，在近距离下看到的是清澈见底的水面，但远距离的水面却是波光粼粼的。换个说法就是视角方向与水面法线夹角小的时候，水面折射光线更多；反之，视角方向与水面法线夹角大的时候，主要是反射光线。

Shader "Custom/FresnelMat"
{
    Properties{
        //TintColor:色调
        _Color("TintColor", Color) = (1.0, 1.0, 1.0, 1.0)  
        _CubeMap("CubeMap", Cube) = "_Skybox"{}
        _Specular("Specular", Color) = (1.0, 1.0, 1.0, 1.0)
        _Gloss("Gloss", Range(8.0, 256)) = 20
        _FresnelScale("FresnelScale", Range(0, 1.0)) = 1
        _AmbientScale("AmbientScale", Range(0, 1.0)) = 0.5
    }
    SubShader{
        Pass{
            Tags{
                "LightMode" = "ForwardBase"
            }
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag

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

            half4 _Color;
            samplerCUBE _CubeMap;
            half4 _Specular;
            half _Gloss;
            float _FresnelScale;
            half _AmbientScale;

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

            struct v2f{
                float4 vertex : SV_POSITION;
                float3 worldNormal : TEXCOORD0;
                float3 worldPos : TEXCOORD1;
                float2 uv : TEXCOORD3;
            };

            v2f vert(a2v i){
                v2f o;
                UNITY_INITIALIZE_OUTPUT(v2f, o);
                o.vertex = UnityObjectToClipPos(i.vertex);

                o.worldNormal = normalize(UnityObjectToWorldNormal(i.normal));
                o.worldPos = mul(unity_ObjectToWorld, i.vertex);
                //o.uv = i.texcoord;

                return o;
            }

            half4 frag(v2f i) : SV_TARGET{
                half3 lightDir = normalize(UnityWorldSpaceLightDir(i.worldPos));

                half3 viewDir = normalize(UnityWorldSpaceViewDir(i.worldPos));

                half3 worldReflectDir = reflect(-viewDir, i.worldNormal);

                half3 reflectDir = normalize(reflect(-lightDir, i.worldNormal));

                half3 albedo = texCUBE(_CubeMap, worldReflectDir).rgb * _Color;

                half fresnel = _FresnelScale + (1 - _FresnelScale) * pow((1 - dot(viewDir, i.worldNormal)), 5);

                half3 diffuse = _LightColor0.rgb * _Color * (0.5 * saturate(dot(i.worldNormal, lightDir)) + 0.5);

                half3 ambient = UNITY_LIGHTMODEL_AMBIENT.rgb * _Color;

                //half3 specular = _LightColor0.rgb * _Color * pow(saturate(dot(reflectDir, viewDir)), _Gloss);

                return half4(lerp(diffuse, albedo, saturate(fresnel)) + ambient * _AmbientScale, 1.0);
            }
            ENDCG
        }
    }

    FallBack "Specular"
}

 这里使用的近似等式为Schlick菲涅尔近似等式。

代码中使用的lerp函数作用是根据第三个参数的权值，来取得前两个参数之间的某个值。

游戏开发技术杂谈2：理解插值函数lerp - 知乎 (zhihu.com)

Padid
关注
【Unity Shader】 CubeMap（立方体贴图）
赞美月亮的专栏
03-07 4万+
Unity Shader 立方体贴图 一、介绍CubeMap Shader中对CubeMap采样 Unity中如何制作CubeMap 二、Reflect CubeMap（反射立方体纹理用于环境映射） 环境映射原理 反射方向的计算 Unity Shader实现Reflection CubeMap（基于CubeMap的反射效果） 反射CubeMap的Shader代码 反射效果展示 ps:“...
unity shader 入门精要 笔记
尽观棋变的博客
01-24 656
流水线 顶点着色器 片元（像素）着色器 shaderTab 语义学习及编码 材质面板定义 渲染队列 固定渲染管线 “我们可以通过开启或关闭某些功能来让GPU进行相应的渲染” 编程渲染管线 通过更加灵活的编程，可更灵活定制化 3D数学 线性代数 物理 光照模型 基础光照 处理光照方式 逐顶点 逐像素 逐顶点计算光源比逐像素计算光源，效率更高但效果不够平滑，且存在非线性计算时，光照会出问题 球谐函数...
unity shader texCUBE，对cubemap进行采样
zengjunjie59的博客
11-10 3718
Cubemap是一个由六个独立的正方形纹理组成的集合，它将多个纹理组合起来映射到一个单一纹理。 基本上说CubeMap包含6个2D纹理，这每个2D纹理是一个立方体（cube）的一个面，也就是说它是一个有贴图的立方体。 CubeMap通常被用来作为具有反射属性物体的反射源。 你可能会奇怪这样的立方体有什么用？为什么费事地把6个独立纹理结合为一个单独的纹理，只使用6个各自独立的不行吗？这是因为cubemap有自己特有的属性，可以使用方向向量对它们索引和采样。 想象一下，我们有一个1×1×1的单位立方体
Unity CubeMap
shuihuyunyun的专栏
12-16 658
Bug：Cubemap的尺寸（size）一旦小了，就不上去了。
Unity Editor -Cubemap
qq_57251314的博客
02-17 2745
一、创建我们的Editor脚本 using UnityEngine; using UnityEditor; public class ResizablePanels : EditorWindow { } 二、初始化窗口并且给标题起名 编辑器窗口需要初始化静态方法。 在这个方法中，我们将构建窗口并（可选）给它一个标题。 GetWindow（）是一个EditorWindow方法，它创建窗口（如果它不存在），或者查找并关注它（如果存在）。 using UnityEngine; using Uni
Unity3d_cubemap
12-25
13 个 U3D cubemap 及地面时时反射，一直自己用。
《Unity Shader 入门精要》MyProject: letsStartShader笔记 03
intwove的博客
10-16 776
Diffuse, Bump, Ramp and Mask Texture
Shader 学习笔记(12) Cubemap反射
拔箭四顾心茫然的博客
04-19 700
学到这里有时候还是会懵逼,从这里开始书中的内容不会全部详细说明了.有些函数需要自己查才能知道含义和用法.下面放上我写的cubemap反射效果,和书中相比,减少了对阴影衰减的控制.我还是喜欢纯粹一点的.先上效果图学习过程中,有一些疑问,查了资料后精简了一些代码.关于UnityObjectToWorldNormal,这个函数,在查了UnityCG.cginc后发现返回的值已经做了归一化处理.Shade...
unity shader 学习笔记（1）
shuai1210的博客
01-06 322
最近学习unity shader，做一些笔记以免自己忘记了，供以后查阅，参考文章 https://zhuanlan.zhihu.com/unityTA https://blog.csdn.net/qq_35759688/article/details/72705634 感谢。 本次主要记录了渲染管线和shader的基本数据类型 //渲染流水线 //应用阶段， 几何阶段， 光栅化阶段 /...
[UnityShader]创建Cubemap
宏哥的博客
04-25 4018
首先要创建一个编辑器类。这里有个很怪的地方，就是不把这个脚本放在Editor文件夹下居然也能起作用。官网的api也出错了，helpString与isValid是ScriptableWizard的内置变量，前面不应该加类型修饰符。以下的这个编辑器类是一个向导类。 using UnityEngine; using UnityEditor; using System.Collections;
cubemapper unity3d cube map 生成
08-11
这个插件可以生成cubemap 用于反射材质的制作
Unity3D里Cubemap 的6面贴图制作
10-16
.unitypackage文件 1、直接右键 Import到Unity3D（文件所在路径必须英文） 2、Ctrl + R (刷新),菜单项会多出一个"Custom/Render Cubemap"菜单项 3、点击Render Cubemap会打开会话框，拖动对象到“Renderer From Position” 4、点击“Render”，Ctrl + R (刷新) 会在项目视图里生成文件夹：Skyboxs，里面就是想要的6张贴图
cubemap实现将全景图分割为立方体6个面的6副图像
11-18
实现将2:1全景图（矩形球面投影equirectangular）划分成即将要进行的cubemap所需要的6个纹理面，附件代码只是一个简单的划分例子，仅供入门参考，集成开发环境是vs2010，可以直接打开运行看效果。如果想实现更为复杂的功能，则需要在此基础上修改完善。
Unity中Shader立方体纹理Cubemap
最新发布
楠溪泽岸的博客
11-18 905
Unity中Shader立方体纹理Cubemap立方体纹理，也被叫做Cubemap。通常用来做反射效果在Unity中，如果全都使用实时反射，那么对于设备性能的消耗是比较大的，所以使用一种投机取巧的方式实现的反射效果。
Unity3D 老版 创建CubeMap
yuyingwin的专栏
06-14 687
using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEditor; public class CubeMapCreate : ScriptableWizard { public Transform renderFromPosition; public C...
【Unity3D】立方体纹理（Cubemap）和天空盒子（Skybox）
little_fat_sheep
05-21 3379
立方体纹理是指由上、下、左、右、前、后 6 张纹理组成的立方体结构纹理，其主要用于天空盒子、环境映射、反射、折射等场景。天空盒子用于渲染场景背景，需要将相机的Clear Flags属性设置为Skybox才能使用天空盒子。
【Unity Shader】用Cubemap实现天空盒和环境映射
qq_41835314的博客
10-18 3870
本篇博客展示了如何在Unity中用Cubemap分别实现天空盒和环境映射的效果，同时展示了环境映射的：反射、折射和菲涅尔反射的代码和效果。
【Unity Shader】Unity中如何创建Cubemap？
qq_41835314的博客
10-17 4076
总结了在Unity中创建Cubemap的两种最常用的方式：一个是直接由HDRI创建Cubemap，第二种方法是脚本创建Cubemap。
（十四）unity shader之——————高级纹理之立方体纹理cubemap（天空盒skybox、反射、折射、菲涅耳反射）
cgy56191948的博客
09-26 2802
立方体纹理 在图形学中，立方体纹理（cubemap）是环境映射的一种实现方法，环境映射可以模拟物体周围的环境，而使用了环境映射的物体可以看起来像镀了层金属一样反射出周围的环境。 和之前见到的纹理不同，立方体纹理一共包含了6张图像，这些图像对应了一个立方体的6个面。立方体的每个面表示沿着世界空间下的轴向观察所得的图像，那么怎么对这样的纹理采样呢？和之前使用的二维纹理坐标不同，对立方体纹理采样我们...
unity动态生成cubemap
07-12
在Unity中动态生成Cubemap可以使用RenderTexture和Camera来实现。下面是一个简单的示例代码： ```csharp using UnityEngine; public class GenerateCubemap : MonoBehaviour { public int resolution = 512; ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值