【猫猫的Unity Shader之旅】之玻璃材质

最新推荐文章于 2025-04-08 15:50:48 发布
转载 最新推荐文章于 2025-04-08 15:50:48 发布 · 1.1k 阅读 · 0
收录于
渲染&shader

当前文章被收录于：

渲染&shader
30 篇文章 7 人学习

渲染和shader例子

订阅专栏 查看详情
本文介绍如何使用Unity Shader实现逼真的玻璃材质，包括透明效果、反射和菲涅尔效果的实现。


　　今天我们用学过的Shader知识实现一个简单的玻璃材质。

首先，玻璃是半透明的

　　玻璃最主要的特点就是它是透明的，不同的玻璃有不同的不透明度，水杯的透明度比较低，而装药品的棕色玻璃瓶不透明度就比较高。当然，玻璃也有一定的颜色。利用透明，我们可以这样实现玻璃材质：

<code class="hljs cs has-numbering" style="display: block; padding: 0px; background: transparent; color: inherit; box-sizing: border-box; font-family: "Source Code Pro", monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal;">Shader <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Custom/GlassShader"</span> {
    Properties {
        _MainTint(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Main Color"</span>, Color) = (<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>)
        _AlphaVal(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Alpha"</span>, Range(<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">0</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>)) = <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">0.1</span>
    }
    SubShader {
        Tags { <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Queue"</span> = <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Transparent"</span> <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"IgnoreProjector"</span> = <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"True"</span> <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"RenderType"</span>=<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Transparent"</span> }
        LOD <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">200</span>

        CGPROGRAM
        <span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-box;">#<span class="hljs-keyword" style="box-sizing: border-box;">pragma</span> surface surf BlinnPhong alpha</span>

        fixed4 _MainTint;
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">float</span> _AlphaVal;

        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">struct</span> Input {
            float3 viewDir;
        };

        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">void</span> surf (Input IN, inout SurfaceOutput o) {
            o.Albedo = _MainTint.rgb;
            o.Alpha = _AlphaVal;
        }
        ENDCG
    } 
    FallBack <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Diffuse"</span>
}
</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right: 1px solid rgb(221, 221, 221); list-style: none; text-align: right;"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li><li style="box-sizing: border-box; padding: 0px 5px;">17</li><li style="box-sizing: border-box; padding: 0px 5px;">18</li><li style="box-sizing: border-box; padding: 0px 5px;">19</li><li style="box-sizing: border-box; padding: 0px 5px;">20</li><li style="box-sizing: border-box; padding: 0px 5px;">21</li><li style="box-sizing: border-box; padding: 0px 5px;">22</li><li style="box-sizing: border-box; padding: 0px 5px;">23</li><li style="box-sizing: border-box; padding: 0px 5px;">24</li><li style="box-sizing: border-box; padding: 0px 5px;">25</li><li style="box-sizing: border-box; padding: 0px 5px;">26</li><li style="box-sizing: border-box; padding: 0px 5px;">27</li><li style="box-sizing: border-box; padding: 0px 5px;">28</li></ul><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right: 1px solid rgb(221, 221, 221); list-style: none; text-align: right;"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li><li style="box-sizing: border-box; padding: 0px 5px;">17</li><li style="box-sizing: border-box; padding: 0px 5px;">18</li><li style="box-sizing: border-box; padding: 0px 5px;">19</li><li style="box-sizing: border-box; padding: 0px 5px;">20</li><li style="box-sizing: border-box; padding: 0px 5px;">21</li><li style="box-sizing: border-box; padding: 0px 5px;">22</li><li style="box-sizing: border-box; padding: 0px 5px;">23</li><li style="box-sizing: border-box; padding: 0px 5px;">24</li><li style="box-sizing: border-box; padding: 0px 5px;">25</li><li style="box-sizing: border-box; padding: 0px 5px;">26</li><li style="box-sizing: border-box; padding: 0px 5px;">27</li><li style="box-sizing: border-box; padding: 0px 5px;">28</li></ul>

　　此时的效果是这样的，可以看到透明效果，但是它看上去更像两块粗糙的透明的塑料片。

　　这里写图片描述

给玻璃增加反射效果

　　为了表现这是光滑的玻璃而非塑料，我们增加反射属性，利用天空盒实现简单的反射效果，此时的代码是这样的：

<code class="hljs avrasm has-numbering" style="display: block; padding: 0px; background: transparent; color: inherit; box-sizing: border-box; font-family: "Source Code Pro", monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal;">Shader <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Custom/GlassShader"</span> {
    Properties {
        _MainTint(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Main Color"</span>, Color) = (<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>)
        _AlphaVal(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Alpha"</span>, Range(<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">0</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>)) = <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">0.1</span>
        _CubeMap(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Sky Box"</span>, CUBE) = <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">""</span>{}
        _ReflPower(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Reflect Power"</span>, Range(<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">0</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>)) = <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>
    }
    SubShader {
        Tags { <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Queue"</span> = <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Transparent"</span> <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"IgnoreProjector"</span> = <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"True"</span> <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"RenderType"</span>=<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Transparent"</span> }
        LOD <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">200</span>

        CGPROGRAM
        <span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-box;">#pragma surface surf BlinnPhong alpha</span>

        fixed4 _MainTint<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">;</span>
        float _AlphaVal<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">;</span>
        samplerCUBE _CubeMap<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">;</span>
        float _ReflPower<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">;</span>

        struct Input {
            float3 worldRefl<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">;</span>
            float3 viewDir<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">;</span>
        }<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">;</span>

        void surf (Input <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">IN</span>, inout SurfaceOutput o) {
            half4 s = texCUBE(_CubeMap, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">IN</span><span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-box;">.worldRefl</span>)<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">;</span>
            o<span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-box;">.Albedo</span> = _MainTint<span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-box;">.rgb</span><span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">;</span>
            o<span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-box;">.Emission</span> = s<span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-box;">.rgb</span> * _ReflPower<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">;</span>
            o<span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-box;">.Alpha</span> = _AlphaVal<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">;</span>
        }
        ENDCG
    } 
    FallBack <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Diffuse"</span>
}</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right: 1px solid rgb(221, 221, 221); list-style: none; text-align: right;"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li><li style="box-sizing: border-box; padding: 0px 5px;">17</li><li style="box-sizing: border-box; padding: 0px 5px;">18</li><li style="box-sizing: border-box; padding: 0px 5px;">19</li><li style="box-sizing: border-box; padding: 0px 5px;">20</li><li style="box-sizing: border-box; padding: 0px 5px;">21</li><li style="box-sizing: border-box; padding: 0px 5px;">22</li><li style="box-sizing: border-box; padding: 0px 5px;">23</li><li style="box-sizing: border-box; padding: 0px 5px;">24</li><li style="box-sizing: border-box; padding: 0px 5px;">25</li><li style="box-sizing: border-box; padding: 0px 5px;">26</li><li style="box-sizing: border-box; padding: 0px 5px;">27</li><li style="box-sizing: border-box; padding: 0px 5px;">28</li><li style="box-sizing: border-box; padding: 0px 5px;">29</li><li style="box-sizing: border-box; padding: 0px 5px;">30</li><li style="box-sizing: border-box; padding: 0px 5px;">31</li><li style="box-sizing: border-box; padding: 0px 5px;">32</li><li style="box-sizing: border-box; padding: 0px 5px;">33</li><li style="box-sizing: border-box; padding: 0px 5px;">34</li></ul><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right: 1px solid rgb(221, 221, 221); list-style: none; text-align: right;"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li><li style="box-sizing: border-box; padding: 0px 5px;">17</li><li style="box-sizing: border-box; padding: 0px 5px;">18</li><li style="box-sizing: border-box; padding: 0px 5px;">19</li><li style="box-sizing: border-box; padding: 0px 5px;">20</li><li style="box-sizing: border-box; padding: 0px 5px;">21</li><li style="box-sizing: border-box; padding: 0px 5px;">22</li><li style="box-sizing: border-box; padding: 0px 5px;">23</li><li style="box-sizing: border-box; padding: 0px 5px;">24</li><li style="box-sizing: border-box; padding: 0px 5px;">25</li><li style="box-sizing: border-box; padding: 0px 5px;">26</li><li style="box-sizing: border-box; padding: 0px 5px;">27</li><li style="box-sizing: border-box; padding: 0px 5px;">28</li><li style="box-sizing: border-box; padding: 0px 5px;">29</li><li style="box-sizing: border-box; padding: 0px 5px;">30</li><li style="box-sizing: border-box; padding: 0px 5px;">31</li><li style="box-sizing: border-box; padding: 0px 5px;">32</li><li style="box-sizing: border-box; padding: 0px 5px;">33</li><li style="box-sizing: border-box; padding: 0px 5px;">34</li></ul>

　　这时候玻璃就有了反射效果，尤其是当我们从不同角度看的时候，会看到玻璃反射了场景中的景象，当然这其实是假的，那来自我们指定的天空盒。

　　这里写图片描述

给玻璃增加菲涅尔效果

　　曾经说到过菲涅尔菲先生的效果非常不错，可以根据视角控制反射的强弱。我们的玻璃当然也可以应用这种效果：

<code class="hljs avrasm has-numbering" style="display: block; padding: 0px; background: transparent; color: inherit; box-sizing: border-box; font-family: "Source Code Pro", monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal;">Shader <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Custom/GlassShader"</span> {
    Properties {
        _MainTint(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Main Color"</span>, Color) = (<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>)
        _AlphaVal(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Alpha"</span>, Range(<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">0</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>)) = <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">0.1</span>
        _CubeMap(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Sky Box"</span>, CUBE) = <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">""</span>{}
        _ReflPower(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Reflect Power"</span>, Range(<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">0</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>)) = <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>
        _FresnelPower(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Fresnel Power"</span>, Range(<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">0.1</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">5</span>)) = <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">2</span>
    }
    SubShader {
        Tags { <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Queue"</span> = <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Transparent"</span> <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"IgnoreProjector"</span> = <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"True"</span> <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"RenderType"</span>=<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Transparent"</span> }
        LOD <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">200</span>

        CGPROGRAM
        <span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-box;">#pragma surface surf BlinnPhong alpha</span>

        fixed4 _MainTint<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">;</span>
        float _AlphaVal<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">;</span>
        samplerCUBE _CubeMap<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">;</span>
        float _ReflPower<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">;</span>
        float _FresnelPower<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">;</span>

        struct Input {
            float3 worldRefl<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">;</span>
            float3 viewDir<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">;</span>
        }<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">;</span>

        void surf (Input <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">IN</span>, inout SurfaceOutput o) {
            float rim = <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1.0</span> - max(<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">0</span>, dot(o<span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-box;">.Normal</span>, normalize(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">IN</span><span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-box;">.viewDir</span>)))<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">;</span>
            rim = pow(rim, _FresnelPower)<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">;</span>
            half4 s = texCUBE(_CubeMap, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">IN</span><span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-box;">.worldRefl</span>)<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">;</span>
            o<span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-box;">.Albedo</span> = _MainTint<span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-box;">.rgb</span><span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">;</span>
            o<span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-box;">.Emission</span> = s<span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-box;">.rgb</span> * _ReflPower * rim<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">;</span>
            o<span class="hljs-preprocessor" style="color: rgb(68, 68, 68); box-sizing: border-box;">.Alpha</span> = _AlphaVal<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">;</span>
        }
        ENDCG
    } 
    FallBack <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Diffuse"</span>
}</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right: 1px solid rgb(221, 221, 221); list-style: none; text-align: right;"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li><li style="box-sizing: border-box; padding: 0px 5px;">17</li><li style="box-sizing: border-box; padding: 0px 5px;">18</li><li style="box-sizing: border-box; padding: 0px 5px;">19</li><li style="box-sizing: border-box; padding: 0px 5px;">20</li><li style="box-sizing: border-box; padding: 0px 5px;">21</li><li style="box-sizing: border-box; padding: 0px 5px;">22</li><li style="box-sizing: border-box; padding: 0px 5px;">23</li><li style="box-sizing: border-box; padding: 0px 5px;">24</li><li style="box-sizing: border-box; padding: 0px 5px;">25</li><li style="box-sizing: border-box; padding: 0px 5px;">26</li><li style="box-sizing: border-box; padding: 0px 5px;">27</li><li style="box-sizing: border-box; padding: 0px 5px;">28</li><li style="box-sizing: border-box; padding: 0px 5px;">29</li><li style="box-sizing: border-box; padding: 0px 5px;">30</li><li style="box-sizing: border-box; padding: 0px 5px;">31</li><li style="box-sizing: border-box; padding: 0px 5px;">32</li><li style="box-sizing: border-box; padding: 0px 5px;">33</li><li style="box-sizing: border-box; padding: 0px 5px;">34</li><li style="box-sizing: border-box; padding: 0px 5px;">35</li><li style="box-sizing: border-box; padding: 0px 5px;">36</li><li style="box-sizing: border-box; padding: 0px 5px;">37</li><li style="box-sizing: border-box; padding: 0px 5px;">38</li></ul><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right: 1px solid rgb(221, 221, 221); list-style: none; text-align: right;"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li><li style="box-sizing: border-box; padding: 0px 5px;">17</li><li style="box-sizing: border-box; padding: 0px 5px;">18</li><li style="box-sizing: border-box; padding: 0px 5px;">19</li><li style="box-sizing: border-box; padding: 0px 5px;">20</li><li style="box-sizing: border-box; padding: 0px 5px;">21</li><li style="box-sizing: border-box; padding: 0px 5px;">22</li><li style="box-sizing: border-box; padding: 0px 5px;">23</li><li style="box-sizing: border-box; padding: 0px 5px;">24</li><li style="box-sizing: border-box; padding: 0px 5px;">25</li><li style="box-sizing: border-box; padding: 0px 5px;">26</li><li style="box-sizing: border-box; padding: 0px 5px;">27</li><li style="box-sizing: border-box; padding: 0px 5px;">28</li><li style="box-sizing: border-box; padding: 0px 5px;">29</li><li style="box-sizing: border-box; padding: 0px 5px;">30</li><li style="box-sizing: border-box; padding: 0px 5px;">31</li><li style="box-sizing: border-box; padding: 0px 5px;">32</li><li style="box-sizing: border-box; padding: 0px 5px;">33</li><li style="box-sizing: border-box; padding: 0px 5px;">34</li><li style="box-sizing: border-box; padding: 0px 5px;">35</li><li style="box-sizing: border-box; padding: 0px 5px;">36</li><li style="box-sizing: border-box; padding: 0px 5px;">37</li><li style="box-sizing: border-box; padding: 0px 5px;">38</li></ul>

　　下面上本次的最终效果图：

　　这里写图片描述


原文链接：http://blog.csdn.net/dbtxdxy/article/details/45302087#t1

在unity中使用Matcap实现玻璃材质
weixin_63115824的博客
07-14 2439
Matcap（Material Capture）是一种渲染技术，用于在渲染过程中模拟具有真实光照效果的材质。Matcap贴图通常为一张包含着光照等材质信息的球形纹理，以模型的的法线作为uv采样这张纹理，即可把材质映射到模型中，通常能够提供较优的性能效率。但由于这张纹理是基于预先捕获的光照信息，因此并不适用动态关照场景。
【猫猫的Unity Shader之旅】之透明材质
dbtxdxy的专栏
04-10 6150
现实生活中有许多半透明的情形：玻璃、饮料瓶、塑料袋等等。半透明一个很重要的特点就是可以显示它后面的物体的部分颜色。这个“部分”具体是多少我们常用透明度来表示。一个简单的透明例子　　想做出透明效果，第一步需要通知Shader我们要使用透明效果了。最简单的方法是在#pragma后面增加一个alpha参数，例如#pragma surface surf Lambert alpha。　　开启透明后，只要对Su
Unity Shader学习：玻璃材质
咪咪博客
03-15 4319
Unity Shader学习：玻璃材质 主要是通过反射和折射来达到透明的效果，用菲涅尔来混叠。 shader部分： Shader "Unlit/Crystal" { Properties { _Cube("Skybox",Cube)=""{} //折射角度 _EtaRatio("EtaRatio", Range(0, 1)) = 0 //菲涅尔系数 _FresnelBia...
（三十一）unity shader之——————透明和半透明材质
cgy56191948的博客
12-27 8235
一、半透明材质 SSS(sub-Surface Scattering，3S)的中文意思是次表面散射或称半透明材质。它适用于表现各种有次表面反射的材质，如透明橡胶、有机玻璃或玉石等。因为实时渲染是不可能做大量的运算来计算光的折射和反射的，所以SSS属于比较高级的材质范畴。 二、化繁为简 要实现半透明材质，许多方法都进行了大量的运算，比如正弦、余弦的计算、指数的运算等，外加各种贴图和通道的混合，...
Unity3D中玻璃、金属材质制作
热门推荐
weixin_43778515的博客
05-16 3万+
1.首先创建一个材质球Glass 2.将材质球Inspector窗口中的Rendering Mode选为Transprent，这个选项可以使物体改变透明属性，并且带有反射。 3。接下来更改Metallic和Smoothness值，Metallic值越大金属光泽越明显，Smoothness值越大反射率就越大 所以如果需要玻璃材质则如下图设置： 但是这时候发现，玻璃球反射的光并不是周围的物体...
（045）Unity材质：玻璃
WGYHAPPY的博客
05-19 3148
1.Rendering Mode 设置为 Transparent 。 2.Albedo 的 Alpha Channel 设置为 0。 3.Metallic 和 Smoothness 分别设置为 0 和 1。 资料 [1] Making a Glass Material in Unity
Unity Shader 玻璃材质
你只管努力，其他的，交给天意！
09-10 4779
玻璃材质 要知道玻璃的实现原理那么首先要知道玻璃的原理。 在现实世界的情况下： 1.在正常透明不模糊的玻璃下，透过玻璃看外界，基本上和不用玻璃没有太大差别。基本上就是透视。 2.在模糊的玻璃下，透过玻璃看外界，可以看到因为玻璃模糊导致透过玻璃看到的外界画面有点扭曲不清楚的感觉。这是一种模糊的扰动现象。 3.在漆黑的玻璃下，或者晚上，我们透过正常不模糊的玻璃看想外界时会发现看不到任何东西，反而看到的是自己在镜子里的样子。这是一种反射现象。 由上可以不同时间的玻璃影响可得到玻璃的三个效果，正常透视、模糊扰动、以
Unity材质调节-金属、塑料、透明玻璃。​​
weixin_64625272的博客
01-31 6238
主要谈谈Unity中金属、塑料和透明玻璃类型 材质体现效果和设置。
UnityShader入门精要-渲染纹理 镜子 玻璃 效果
weixin_58624886的博客
08-04 2140
UnityShader入门精要-渲染纹理 镜子 玻璃 效果
Unity urp 管线下的透明Shader
qq_40109337的博客
02-23 2016
https://www.233tw.com/unity/56464
【unity shader案例】如何实现一个玻璃效果
weixin_40967344的博客
01-04 1954
unity 玻璃效果shader
UnityShader 玻璃效果与程序纹理
awsl_tsl的博客
02-22 494
玻璃效果 // Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)' Shader "Custom/Glass" { Properties { _MainTex("MainTex", 2D) = "white" {} _TexScale("TexScale", Range(0, 1.0)) = 1 _NormalMap("Normal
Unity shaderGraph 学习记录——玻璃折射
chillxiaohan的博客
04-13 1160
菜鸟学习笔记
简单的玻璃材质效果——UnityShader学习笔记
ezcome11的博客
05-18 3224
Shader "TNShaderPractise/GlassBottle" { Properties { _MainTex ("Texture", 2D) = "black" {} _MainTex2 ("Texture2", 2D) = "black" {} _MaskTex ("_MaskTex", 2D) = "black" {} _MatCap01Pow("_MatCap01Pow",Float)=1 _refract("_re
【Unity 玻璃效果插件】URP - Glass Shaders 轻松实现真实的玻璃材质效果，适用于各种需要玻璃表现的场景，如窗户、玻璃墙、液体和水晶等
2403_88403568的博客
03-01 1300
URP - Glass Shaders 插件是专为 Unity 的 Universal Render Pipeline (URP) 设计的一款强大工具，旨在帮助开发者轻松创建高质量的玻璃效果。通过该插件，用户能够在项目中实现透明、反射、折射等真实的玻璃材质效果，适用于各种需要玻璃表现的场景，如窗户、玻璃墙、液体和水晶等。
UnityShader入门精要第十章代码解析（GrabPass玻璃材质）
weixin_63637185的博客
04-04 372
【代码】UnityShader入门精要第十章代码解析（GrabPass玻璃材质）
Unity_使用Shader实现玻璃和镜面效果
leikang111的博客
02-02 2112
使用Shader+Texture实现镜面效果
【亲测免费】 Unity-URP-GlassShader：打造真实玻璃效果利器
最新发布
gitblog_00523的博客
04-08 1494
Unity-URP-GlassShader：打造真实玻璃效果利器 项目介绍 Unity-URP-GlassShader 是一个专为 Unity 开发的玻璃材质着色器项目，适用于 Universal Render Pipeline (URP)。它提供了高度自定义的玻璃效果，通过简单的材质参数调整，即可实现真实、细腻的玻璃质感。 项目技术分析 Unity-URP-GlassShader 的核心技术是基...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值