当前位置:   article > 正文

UnityShader入门精要-渲染纹理 镜子 玻璃 效果_unity urp shadergraph 制作简单的玻璃材质

unity urp shadergraph 制作简单的玻璃材质

        通常模式是一个摄像机的渲染结果输出到颜色缓冲内并显示到屏幕上,现代GPU允许我们把场景渲染到一个中间缓冲(渲染目标纹理RTT),与之相关的是多重渲染目标MRT允许我们把场景同时渲染到多个渲染目标中而不需要为每个渲染目标纹理单独渲染完成的场景。应用:延迟渲染。

        使用渲染纹理:

①project视图下create-render texture,将某个摄像机的渲染目标设置为该纹理,这样该相机的渲染结果就会实时更新到渲染纹理中。

②在屏幕后处理中使用GrabPass或OnRenderImage获取当前屏幕图像。

镜子效果:

创建一个平面,为其附着带有镜子shader的材质,并将创建好的渲染纹理为其添加,此外创建一个摄像机模拟镜子看到的东西,将其target texture 设置为创建好的渲染纹理。

Unity 快速实现镜子效果_辛羊华的博客-CSDN博客_unity镜子

shader:

  1. // Upgrade NOTE: replaced '_Object2World' with 'unity_ObjectToWorld'
  2. // Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)'
  3. // Upgrade NOTE: replaced '_Object2World' with 'unity_ObjectToWorld'
  4. Shader "Shaders/AdvTex/Mirror"
  5. {
  6. Properties {
  7. _MainTex("Main Tex",2D)="white"{}
  8. }
  9. SubShader {
  10. Tags { "RenderType"="Opaque" "Queue"="Geometry"}
  11. Pass {
  12. Tags { "LightMode"="ForwardBase" }
  13. CGPROGRAM
  14. #pragma multi_compile_fwdbase
  15. #pragma vertex vert
  16. #pragma fragment frag
  17. #include "Lighting.cginc"
  18. #include "AutoLight.cginc"
  19. sampler2D _MainTex;
  20. struct a2v {
  21. float4 vertex : POSITION;
  22. float3 texcoord : TEXCOORD0;
  23. };
  24. struct v2f {
  25. float4 pos : SV_POSITION;
  26. float2 uv:TEXCOORD0;
  27. };
  28. v2f vert(a2v v) {
  29. v2f o;
  30. o.pos = UnityObjectToClipPos(v.vertex);
  31. o.uv=v.texcoord;
  32. o.uv.x=1-o.uv.x;
  33. return o;
  34. }
  35. fixed4 frag(v2f i) : SV_Target {
  36. return tex2D(_MainTex, i.uv);
  37. }
  38. ENDCG
  39. }
  40. }
  41. FallBack Off
  42. }

 注意要对x分量纹理坐标进行反转,以模拟镜子的相反效果。

玻璃效果:

        前面说到一种特殊的pass---GrabPass,在shader中定义了一个grabpass后,unity会将当前屏幕的图像绘制在一个纹理中在后续的pass中访问,实现玻璃等透明材质的模拟,grabpass相比透明度混合优势为除了实现透明效果,还可以进行如模拟折射等效果。注意该物体要被设置为透明队列(Queue=Transparent),才可以保证渲染该物体是不透明物体已被绘制。 

        distortion用于控制模拟折射时图像的扭曲程度,refractamount表示折射程度,为0时仅有反射,注意渲染队列要设置为transparent,使用GrabPass获取屏幕图像,并定义获取到的纹理与纹素大小的变量,用于对图像采样计算坐标偏移时使用。

  1. v2f vert (a2v v) {
  2. v2f o;
  3. o.pos = mul(UNITY_MATRIX_MVP, v.vertex);
  4. o.scrPos = ComputeGrabScreenPos(o.pos);
  5. o.uv.xy = TRANSFORM_TEX(v.texcoord, _MainTex);
  6. o.uv.zw = TRANSFORM_TEX(v.texcoord, _BumpMap);
  7. float3 worldPos = mul(_Object2World, v.vertex).xyz;
  8. fixed3 worldNormal = UnityObjectToWorldNormal(v.normal);
  9. fixed3 worldTangent = UnityObjectToWorldDir(v.tangent.xyz);
  10. fixed3 worldBinormal = cross(worldNormal, worldTangent) * v.tangent.w;
  11. o.TtoW0 = float4(worldTangent.x, worldBinormal.x, worldNormal.x, worldPos.x);
  12. o.TtoW1 = float4(worldTangent.y, worldBinormal.y, worldNormal.y, worldPos.y);
  13. o.TtoW2 = float4(worldTangent.z, worldBinormal.z, worldNormal.z, worldPos.z);
  14. return o;
  15. }

        顶点着色器中完成了顶点坐标变换,ComputeGrabScreenPos得到被抓去到屏幕图存储的纹理的采样坐标,为了在frag中能够将法线方向从切线空间变换到世界空间,需要计算该矩阵,每行分别存在TtoW0,1,2中,w分量表示世界空间下的顶点坐标。

         在片元着色器中,先通过矩阵的w分量得到世界坐标与视角方向,对法线纹理采样得到切线空间下的法线方向,将得到的结果与扭曲程度以及得到的纹素大小得到偏移值,切线空间下的法线方向进行偏移可以反映顶点局部空间的法线方向,对scrPos透视除法后得到真正的屏幕坐标,用这个坐标再对grab到的纹理采样,得到模拟的折射颜色,此后再从切线空间换回世界空间,计算反射方向,折射方向,用反射方向对环境纹理采样得到颜色与主纹理本身的颜色相乘得到反射颜色,最终得到的颜色为反射与折射得到的颜色关于折射程度的插值。

  1. fixed4 frag (v2f i) : SV_Target {
  2. float3 worldPos = float3(i.TtoW0.w, i.TtoW1.w, i.TtoW2.w);
  3. fixed3 worldViewDir = normalize(UnityWorldSpaceViewDir(worldPos));
  4. // Get the normal in tangent space
  5. fixed3 bump = UnpackNormal(tex2D(_BumpMap, i.uv.zw));
  6. // Compute the offset in tangent space
  7. float2 offset = bump.xy * _Distortion * _RefractionTex_TexelSize.xy;
  8. i.scrPos.xy = offset * i.scrPos.z + i.scrPos.xy;
  9. fixed3 refrCol = tex2D(_RefractionTex, i.scrPos.xy/i.scrPos.w).rgb;
  10. // Convert the normal to world space
  11. bump = normalize(half3(dot(i.TtoW0.xyz, bump), dot(i.TtoW1.xyz, bump), dot(i.TtoW2.xyz, bump)));
  12. fixed3 reflDir = reflect(-worldViewDir, bump);
  13. fixed4 texColor = tex2D(_MainTex, i.uv.xy);
  14. fixed3 reflCol = texCUBE(_Cubemap, reflDir).rgb * texColor.rgb;
  15. fixed3 finalColor = reflCol * (1 - _RefractAmount) + refrCol * _RefractAmount;
  16. return fixed4(finalColor, 1);
  17. }

对比:

grabpass:代码简单

渲染纹理:性能优越 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/108408?site
推荐阅读
相关标签
  

闽ICP备14008679号