{"id":2655,"date":"2022-01-23T16:52:47","date_gmt":"2022-01-23T08:52:47","guid":{"rendered":"http:\/\/www.u3d8.com\/?p=2655"},"modified":"2022-01-24T12:07:04","modified_gmt":"2022-01-24T04:07:04","slug":"shader%e6%b3%95%e7%ba%bf%e8%b4%b4%e5%9b%be","status":"publish","type":"post","link":"http:\/\/www.u3d8.com\/?p=2655","title":{"rendered":"Shader\u6cd5\u7ebf\u8d34\u56fe"},"content":{"rendered":"\n<h2>\u5b9a\u4e49<\/h2>\n\n\n\n<p>\u6cd5\u7ebf\u8d34\u56fe\u5c31\u662f\u5728\u539f\u7269\u4f53\u7684\u51f9\u51f8\u8868\u9762\u7684\u6bcf\u4e2a\u70b9\u4e0a\u5747\u4f5c\u6cd5\u7ebf\uff0c\u901a\u8fc7RGB\u989c\u8272\u901a\u9053\u6765\u6807\u8bb0\u6cd5\u7ebf\u7684\u65b9\u5411\uff0c\u4f60\u53ef\u4ee5\u628a\u5b83\u7406\u89e3\u6210\u4e0e\u539f\u51f9\u51f8\u8868\u9762\u5e73\u884c\u7684\u53e6\u4e00\u4e2a\u4e0d\u540c\u7684\u8868\u9762\uff0c\u4f46\u5b9e\u9645\u4e0a\u5b83\u53c8\u53ea\u662f\u4e00\u4e2a\u5149\u6ed1\u7684\u5e73\u9762\u3002\u5bf9\u4e8e\u89c6\u89c9\u6548\u679c\u800c\u8a00\uff0c\u5b83\u7684\u6548\u7387\u6bd4\u539f\u6709\u7684\u51f9\u51f8\u8868\u9762\u66f4\u9ad8\uff0c\u82e5\u5728\u7279\u5b9a\u4f4d\u7f6e\u4e0a\u5e94\u7528\u5149\u6e90\uff0c\u53ef\u4ee5\u8ba9\u7ec6\u8282\u7a0b\u5ea6\u8f83\u4f4e\u7684\u8868\u9762\u751f\u6210\u9ad8\u7ec6\u8282\u7a0b\u5ea6\u7684\u7cbe\u786e\u5149\u7167\u65b9\u5411\u548c\u53cd\u5c04\u6548\u679c\u3002<\/p>\n\n\n\n<p>\u4e3a\u4e86\u63d0\u5347\u6a21\u578b\u8868\u73b0\u7ec6\u8282\u800c\u53c8\u4e0d\u589e\u52a0\u6027\u80fd\u6d88\u8017\uff0c\u6240\u4ee5\u4e0d\u9009\u62e9\u63d0\u9ad8\u6a21\u578b\u7684\u9762\u6570\uff0c\u800c\u662f\u7ed9\u6a21\u578b\u7684\u6750\u8d28Shader\u4e2d\u4f7f\u7528\u4e0a\u6cd5\u7ebf\u8d34\u56fe\uff08Normal Map\uff09\uff0c\u901a\u8fc7\u66f4\u6539\u6a21\u578b\u4e0a\u7684\u70b9\u7684\u6cd5\u7ebf\u65b9\u5411\uff0c\u589e\u52a0\u5149\u5f71\u51f9\u51f8\u6548\u679c\uff0c\u4ece\u800c\u63d0\u5347\u6a21\u578b\u8868\u73b0\u7ec6\u8282\u3002\u4f7f\u7528\u6cd5\u7ebf\u8d34\u56fe\u80fd\u4f7f\u4e00\u4e2a\u4e09\u89d2\u9762\uff08\u5e73\u9762\uff09\u8868\u73b0\u51fa\u51f9\u51f8\u7684\u89c6\u89c9\u6548\u679c\uff01<\/p>\n\n\n\n<h2>\u4f7f\u7528\u6cd5\u7ebf\u8d34\u56fe<\/h2>\n\n\n\n<p>\u6cd5\u7ebf\uff08Normal\uff09\u6bcf\u4e2a\u8f74\u5411\u7684\u53d6\u503c\u8303\u56f4\u4e3a-1\u52301\uff0c\u800c\u989c\u8272\u503c\uff08Pixel\uff09\u7684\u53d6\u503c\u8303\u56f4\u4e3a0\u52301\u3002\u6240\u4ee5\u5728\u5b58\u50a8\uff08\u6cd5\u7ebf\u65b9\u5411\u5b58\u50a8\u4e3a\u6cd5\u7ebf\u8d34\u56fe\uff09\u548c\u4f7f\u7528\uff08\u5728\u7a0b\u5e8f\u4e2d\u5c06\u6cd5\u7ebf\u8d34\u56fe\u6bcf\u4e2a\u70b9\u7684\u989c\u8272\u8f6c\u53d8\u4e3a\u6cd5\u7ebf\u65b9\u5411\uff09\u65f6\uff0c\u5b58\u5728\u4e00\u4e2a\u7b80\u5355\u7684\u8ba1\u7b97\u8f6c\u6362\u8fc7\u7a0b\u3002<\/p>\n\n\n\n<ul><li>\u5b58\u50a8\u6cd5\u7ebf\u8d34\u56fe Pixel = ( Normal + 1 ) \/ 2<\/li><li>\u4f7f\u7528\u6cd5\u7ebf\u8d34\u56fe Normal = Pixel * 2 - 1<\/li><\/ul>\n\n\n\n<p>\u56e0\u4e3a\u6cd5\u7ebf\u8d34\u56fe\u4f7f\u7528\u7684\u662f\u5207\u7ebf\u7a7a\u95f4\uff0c\u6240\u4ee5\u4ee5\u4e0a\u8f6c\u6362\u4e5f\u662f\u5728\u5207\u7ebf\u7a7a\u95f4\u4e0b\u8fdb\u884c\u7684\u3002\u4f7f\u7528\u4e2d\u8fd8\u8981\u6ce8\u610f\u5149\u7167\u65b9\u5411\u7684\u7a7a\u95f4\u8f6c\u6362\u95ee\u9898\u3002<\/p>\n\n\n\n<h2>\u6548\u679c<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/www.u3d8.com\/wp-content\/uploads\/2022\/01\/Snipaste_2022-01-23_16-28-54.jpg\" data-lightbox=\"image_lg\"><img title=\"Shader\u6cd5\u7ebf\u8d34\u56fe - \u7b2c1\u5f20  | u3d8\u6280\u672f\u5206\u4eab\" alt=\"Shader\u6cd5\u7ebf\u8d34\u56fe - \u7b2c1\u5f20  | u3d8\u6280\u672f\u5206\u4eab\"  loading=\"lazy\" width=\"472\" height=\"635\"  data-src=\"http:\/\/www.u3d8.com\/wp-content\/uploads\/2022\/01\/Snipaste_2022-01-23_16-28-54.jpg\" alt=\"\" class=\"wp-image-2657\" srcset=\"http:\/\/www.u3d8.com\/wp-content\/uploads\/2022\/01\/Snipaste_2022-01-23_16-28-54.jpg 472w, http:\/\/www.u3d8.com\/wp-content\/uploads\/2022\/01\/Snipaste_2022-01-23_16-28-54-223x300.jpg 223w\" sizes=\"(max-width: 472px) 100vw, 472px\" \/><\/a><\/figure>\n\n\n\n<p>\u548c\u4e0d\u5e26\u6cd5\u7ebf\u8d34\u56fe\u5bf9\u6bd4<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/www.u3d8.com\/wp-content\/uploads\/2022\/01\/Snipaste_2022-01-23_16-28-37.jpg\" data-lightbox=\"image_lg\"><img title=\"Shader\u6cd5\u7ebf\u8d34\u56fe - \u7b2c2\u5f20  | u3d8\u6280\u672f\u5206\u4eab\" alt=\"Shader\u6cd5\u7ebf\u8d34\u56fe - \u7b2c2\u5f20  | u3d8\u6280\u672f\u5206\u4eab\"  loading=\"lazy\" width=\"551\" height=\"308\"  data-src=\"http:\/\/www.u3d8.com\/wp-content\/uploads\/2022\/01\/Snipaste_2022-01-23_16-28-37.jpg\" alt=\"\" class=\"wp-image-2658\" srcset=\"http:\/\/www.u3d8.com\/wp-content\/uploads\/2022\/01\/Snipaste_2022-01-23_16-28-37.jpg 551w, http:\/\/www.u3d8.com\/wp-content\/uploads\/2022\/01\/Snipaste_2022-01-23_16-28-37-300x168.jpg 300w\" sizes=\"(max-width: 551px) 100vw, 551px\" \/><\/a><\/figure>\n\n\n\n<h2>\u4ee3\u7801<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>Shader \"WCC\/Texture NormalMap\" { \r\n    Properties{\r\n        _MainTex(\"Main Tex\", 2D) = \"white\"{} \/\/ \u7eb9\u7406\u8d34\u56fe\r\n        _Color(\"Color\", Color) = (1,1,1,1)   \/\/ \u63a7\u5236\u7eb9\u7406\u8d34\u56fe\u7684\u989c\u8272\r\n        _NormalMap(\"Normal Map\", 2D) = \"bump\"{} \/\/ \u8868\u793a\u5f53\u8be5\u4f4d\u7f6e\u6ca1\u6709\u6307\u5b9a\u4efb\u4f55\u6cd5\u7ebf\u8d34\u56fe\u65f6\uff0c\u5c31\u4f7f\u7528\u6a21\u578b\u9876\u70b9\u81ea\u5e26\u7684\u6cd5\u7ebf\r\n        _BumpScale(\"Bump Scale\", Float) = 1  \/\/ \u6cd5\u7ebf\u8d34\u56fe\u7684\u51f9\u51f8\u53c2\u6570\u3002\u4e3a0\u8868\u793a\u4f7f\u7528\u6a21\u578b\u539f\u6765\u7684\u53d1\u73b0\uff0c\u4e3a1\u8868\u793a\u4f7f\u7528\u6cd5\u7ebf\u8d34\u56fe\u4e2d\u7684\u503c\u3002\u5927\u4e8e1\u5219\u51f9\u51f8\u7a0b\u5ea6\u66f4\u5927\u3002\r\n    }\r\n    SubShader{\r\n        Pass {\r\n            \/\/ \u53ea\u6709\u5b9a\u4e49\u4e86\u6b63\u786e\u7684LightMode\u624d\u80fd\u5f97\u5230\u4e00\u4e9bUnity\u7684\u5185\u7f6e\u5149\u7167\u53d8\u91cf\r\n            Tags{\"LightMode\" = \"ForwardBase\"}\r\n            CGPROGRAM\r\n \r\n            \/\/ \u5305\u542bunity\u7684\u5185\u7f6e\u7684\u6587\u4ef6\uff0c\u624d\u53ef\u4ee5\u4f7f\u7528Unity\u5185\u7f6e\u7684\u4e00\u4e9b\u53d8\u91cf\r\n            #include \"Lighting.cginc\" \/\/ \u53d6\u5f97\u7b2c\u4e00\u4e2a\u76f4\u5c04\u5149\u7684\u989c\u8272_LightColor0 \u7b2c\u4e00\u4e2a\u76f4\u5c04\u5149\u7684\u4f4d\u7f6e_WorldSpaceLightPos0\uff08\u5373\u65b9\u5411\uff09\r\n            #pragma vertex vert\r\n            #pragma fragment frag\r\n            \r\n            fixed4 _Color;\r\n            sampler2D _MainTex;\r\n            float4 _MainTex_ST; \/\/ \u547d\u540d\u662f\u56fa\u5b9a\u7684\u8d34\u56fe\u540d+\u540e\u7f00\"_ST\"\uff0c4\u4e2a\u503c\u524d\u4e24\u4e2axy\u8868\u793a\u7f29\u653e\uff0c\u540e\u4e24\u4e2azw\u8868\u793a\u504f\u79fb\r\n            sampler2D _NormalMap;\r\n            float4 _NormalMap_ST; \/\/ \u547d\u540d\u662f\u56fa\u5b9a\u7684\u8d34\u56fe\u540d+\u540e\u7f00\"_ST\"\uff0c4\u4e2a\u503c\u524d\u4e24\u4e2axy\u8868\u793a\u7f29\u653e\uff0c\u540e\u4e24\u4e2azw\u8868\u793a\u504f\u79fb\r\n            float _BumpScale;    \r\n \r\n            struct a2v\r\n            {\r\n                float4 vertex : POSITION;    \/\/ \u544a\u8bc9Unity\u628a\u6a21\u578b\u7a7a\u95f4\u4e0b\u7684\u9876\u70b9\u5750\u6807\u586b\u5145\u7ed9vertex\u5c5e\u6027\r\n                float3 normal : NORMAL;        \/\/ \u4e0d\u518d\u4f7f\u7528\u6a21\u578b\u81ea\u5e26\u7684\u6cd5\u7ebf\u3002\u4fdd\u7559\u8be5\u53d8\u91cf\u662f\u56e0\u4e3a\u5207\u7ebf\u7a7a\u95f4\u662f\u901a\u8fc7\uff08\u6a21\u578b\u91cc\u7684\uff09\u6cd5\u7ebf\u548c\uff08\u6a21\u578b\u91cc\u7684\uff09\u5207\u7ebf\u786e\u5b9a\u7684\u3002\r\n                float4 tangent : TANGENT;    \/\/ tangent.w\u7528\u6765\u786e\u5b9a\u5207\u7ebf\u7a7a\u95f4\u4e2d\u5750\u6807\u8f74\u7684\u65b9\u5411\u7684\u3002\r\n                float4 texcoord : TEXCOORD0; \r\n            };\r\n \r\n            struct v2f\r\n            {\r\n                float4 position : SV_POSITION; \r\n                \/\/float3 worldNormal : TEXCOORD0;  \/\/ \u4e0d\u518d\u4f7f\u7528\u4e16\u754c\u7a7a\u95f4\u4e0b\u7684\u6cd5\u7ebf\u65b9\u5411\r\n                float3 lightDir : TEXCOORD0;   \/\/ \u5207\u7ebf\u7a7a\u95f4\u4e0b\uff0c\u5e73\u884c\u5149\u7684\u65b9\u5411\r\n                float2 uv : TEXCOORD1; \/\/ \u5b58\u50a8MainTex\u7684\u7eb9\u7406\u5750\u6807\r\n                float2 normalMapUV : TEXCOORD2; \/\/ \u5b58\u50a8NormalMap\u7684\u7eb9\u7406\u5750\u6807\r\n            };\r\n \r\n            \/\/ \u8ba1\u7b97\u9876\u70b9\u5750\u6807\u4ece\u6a21\u578b\u5750\u6807\u7cfb\u8f6c\u6362\u5230\u88c1\u526a\u9762\u5750\u6807\u7cfb\r\n            v2f vert(a2v v)\r\n            {\r\n                v2f f;\r\n                \/\/\u9876\u70b9\u5750\u6807\u7531\u6a21\u578b\u7a7a\u95f4\u8f6c\u4e16\u754c\u7a7a\u95f4\r\n                f.position = UnityObjectToClipPos(v.vertex);\r\n                \/\/f.uv = v.texcoord.xy; \/\/ \u4e0d\u4f7f\u7528\u7f29\u653e\u548c\u504f\u79fb\r\n                f.uv = v.texcoord.xy * _MainTex_ST.xy + _MainTex_ST.zw; \/\/ \u8d34\u56fe\u7684\u7eb9\u7406\u5750\u6807\r\n                \/\/\u540c\u4e0b Unity\u5185\u7f6e\u51fd\u6570\r\n                \/\/ f.uv = TRANSFORM_TEX(v.texcoord, _MainTex);\r\n                f.normalMapUV = v.texcoord.xy * _NormalMap_ST.xy + _NormalMap_ST.zw; \/\/ \u6cd5\u7ebf\u8d34\u56fe\u7684\u7eb9\u7406\u5750\u6807\r\n                \/\/\u540c\u4e0b Unity\u5185\u7f6e\u51fd\u6570\r\n                \/\/ f.normalMapUV = TRANSFORM_TEX(v.texcoord, _NormalMap);\r\n                TANGENT_SPACE_ROTATION; \/\/ \u8c03\u7528\u8fd9\u4e2a\u5b8f\u4f1a\u5f97\u5230\u4e00\u4e2a\u77e9\u9635rotation\uff0c\u8be5\u77e9\u9635\u7528\u6765\u628a\u6a21\u578b\u7a7a\u95f4\u4e0b\u7684\u65b9\u5411\u8f6c\u6362\u4e3a\u5207\u7ebf\u7a7a\u95f4\u4e0b\r\n                \/\/ObjSpaceLightDir(v.vertex); \/\/ \u5f97\u5230\u6a21\u578b\u7a7a\u95f4\u4e0b\u7684\u5e73\u884c\u5149\u65b9\u5411\r\n                f.lightDir = mul(rotation, ObjSpaceLightDir(v.vertex)); \/\/ \u5207\u7ebf\u7a7a\u95f4\u4e0b\uff0c\u5e73\u884c\u5149\u7684\u65b9\u5411\r\n                return f;\r\n            }\r\n \r\n            \/\/ \u8981\u628a\u6240\u6709\u8ddf\u6cd5\u7ebf\u65b9\u5411\u6709\u5173\u7684\u8fd0\u7b97\uff0c\u90fd\u653e\u5230\u5207\u7ebf\u7a7a\u95f4\u4e0b\u3002\u56e0\u4e3a\u4ece\u6cd5\u7ebf\u8d34\u56fe\u4e2d\u53d6\u5f97\u7684\u6cd5\u7ebf\u65b9\u5411\u662f\u5728\u5207\u7ebf\u7a7a\u95f4\u4e0b\u7684\u3002\r\n            fixed4 frag(v2f f) : SV_Target \r\n            {\r\n                \/\/ \u6cd5\u7ebf\u65b9\u5411\u3002\u4ece\u6cd5\u7ebf\u8d34\u56fe\u4e2d\u83b7\u53d6\u3002\u6cd5\u7ebf\u8d34\u56fe\u7684\u989c\u8272\u503c --> \u6cd5\u7ebf\u65b9\u5411\r\n                \/\/fixed3 normalDir = normalize(f.worldNormal);   \/\/ \u4e0d\u518d\u4f7f\u7528\u6a21\u578b\u81ea\u5e26\u7684\u6cd5\u7ebf\r\n                fixed4 normalColor = tex2D(_NormalMap, f.normalMapUV); \/\/ \u5728\u6cd5\u7ebf\u8d34\u56fe\u4e2d\u7684\u989c\u8272\u503c\r\n                \/\/fixed3 tangentNormal = normalize(normalColor.xyz * 2 - 1); \/\/ \u5207\u7ebf\u7a7a\u95f4\u4e0b\u7684\u6cd5\u7ebf\u65b9\u5411\uff0c\u53d1\u73b0\u8ba1\u7b97\u5f97\u5230\u7684\u6cd5\u7ebf\u4e0d\u6b63\u786e\uff01\r\n                fixed3 tangentNormal = UnpackNormal(normalColor); \/\/ \u4f7f\u7528Unity\u5185\u7f6e\u7684\u65b9\u6cd5\uff0c\u4ece\u989c\u8272\u503c\u5f97\u5230\u6cd5\u7ebf\u5728\u5207\u7ebf\u7a7a\u95f4\u7684\u65b9\u5411\r\n                tangentNormal.xy = tangentNormal.xy * _BumpScale; \/\/ \u63a7\u5236\u51f9\u51f8\u7a0b\u5ea6\r\n                tangentNormal = normalize(tangentNormal);\r\n                \/\/ \u5207\u7ebf\u7a7a\u95f4\u4e0b\u7684\u5149\u7167\u65b9\u5411\r\n                fixed3 lightDir = normalize(f.lightDir);\r\n                \/\/ \u7eb9\u7406\u5750\u6807\u5bf9\u5e94\u7684\u7eb9\u7406\u56fe\u7247\u4e0a\u7684\u70b9\u7684\u989c\u8272\r\n                fixed3 texColor = tex2D(_MainTex, f.uv) * _Color.rgb;\r\n                \/\/\u534a\u5170\u4f2f\u7279\u6f2b\u53cd\u5c04\r\n                fixed3 diffuse = _LightColor0.rgb * (dot(tangentNormal, lightDir) * 0.5 + 0.5) * texColor;\r\n                \/\/\u8fd9\u91cc\u5c06\u73af\u5883\u5149\u4e5f*texColor \u662f\u4e3a\u4e86\u73af\u5883\u5149\u7684\u503c\u548ctexColor\u989c\u8272\u878d\u5408\uff0c\u5c31\u80fd\u8ba9texColor\u4e5f\u53d8\u5f97\u4eae\r\n                fixed3 color = diffuse + UNITY_LIGHTMODEL_AMBIENT.rgb * texColor;\r\n                return fixed4(color, 1);\r\n            }\r\n \r\n            ENDCG\r\n        }\r\n        \r\n    }\r\n    FallBack \"Diffuse\"\r\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u5b9a\u4e49 \u6cd5\u7ebf\u8d34\u56fe\u5c31\u662f\u5728\u539f\u7269\u4f53\u7684\u51f9\u51f8\u8868\u9762\u7684\u6bcf\u4e2a\u70b9\u4e0a\u5747\u4f5c\u6cd5\u7ebf\uff0c\u901a\u8fc7RGB\u989c\u8272\u901a\u9053\u6765\u6807\u8bb0 &hellip; <a href=\"http:\/\/www.u3d8.com\/?p=2655\">\u7ee7\u7eed\u9605\u8bfb <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[419],"tags":[],"_links":{"self":[{"href":"http:\/\/www.u3d8.com\/index.php?rest_route=\/wp\/v2\/posts\/2655"}],"collection":[{"href":"http:\/\/www.u3d8.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.u3d8.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.u3d8.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.u3d8.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2655"}],"version-history":[{"count":4,"href":"http:\/\/www.u3d8.com\/index.php?rest_route=\/wp\/v2\/posts\/2655\/revisions"}],"predecessor-version":[{"id":2666,"href":"http:\/\/www.u3d8.com\/index.php?rest_route=\/wp\/v2\/posts\/2655\/revisions\/2666"}],"wp:attachment":[{"href":"http:\/\/www.u3d8.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2655"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.u3d8.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2655"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.u3d8.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2655"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}