{"id":3493,"date":"2021-09-26T18:54:00","date_gmt":"2021-09-26T10:54:00","guid":{"rendered":"https:\/\/www.yumefx.com\/?p=3493"},"modified":"2021-10-09T13:41:10","modified_gmt":"2021-10-09T05:41:10","slug":"uv%e6%b5%81%e5%8a%a8%e4%b8%8euv%e6%89%b0%e5%8a%a8","status":"publish","type":"post","link":"https:\/\/www.yumefx.com\/?p=3493","title":{"rendered":"UV\u6d41\u52a8\u4e0eUV\u6270\u52a8"},"content":{"rendered":"\n<p>&nbsp;<\/p>\n<h1 style=\"text-align: center;\">\u524d\u8a00<\/h1>\n<p>\u7ee7\u900f\u660e\u8d34\u56fe\u4e4b\u540e\uff0c\u4eca\u5929\u518d\u6765\u8bf4\u4e00\u4e0bUV\u52a8\u6001\u6548\u679c\u4e4bUV\u6d41\u52a8\u548cUV\u6270\u52a8\u7684\u5b9e\u73b0\u65b9\u5f0f\u3002<\/p>\n<p>\u6240\u8c13\u7684UV\u52a8\u6001\u6307\u7684\u662fUV\u968f\u7740\u65f6\u95f4\u8fdb\u884c\u7279\u5b9a\u7684\u53d8\u5316\uff0c\u56e0\u6b64\u5728shader\u4e2d\u9700\u8981\u83b7\u53d6\u6e38\u620f\u8fd0\u884c\u7684\u65f6\u95f4\uff0c\u5c06\u65f6\u95f4\u6570\u503c\u8fdb\u884c\u4e00\u5b9a\u7684\u5904\u7406\u540e\u4f5c\u4e3a\u504f\u79fb\u91cf\u52a0\u5230UV\u4e0a\uff0c\u518d\u7528\u504f\u79fb\u540e\u7684UV\u5bf9Noise\u8d34\u56fe\u8fdb\u884c\u91c7\u6837\uff0c\u6700\u540e\u53e0\u52a0\u5230\u989c\u8272\u8d34\u56fe\u4e0a\u3002<\/p>\n<p>\u5728Unity\u4e2d\u83b7\u53d6\u5230\u7684\u65f6\u95f4\u53c2\u6570_Time\uff0c\u4e3afloat4\u7c7b\u578b\uff0c\u5176\u4e2dx\u3001y\u3001z\u3001w\u56db\u4e2a\u5206\u91cf\u5206\u522b\u4ee3\u8868t\/20\u3001 t\u3001 t*2\u3001 t*3\uff0c\u53ef\u6839\u636e\u9700\u8981\u9009\u62e9\u4f7f\u7528\u3002<\/p>\n<p>&nbsp;<\/p>\n<h1 style=\"text-align: center;\">UV\u6d41\u52a8<\/h1>\n<p>UV\u6d41\u52a8\u6548\u679c\u4e5f\u88ab\u79f0\u4e3aGhostFlow\u6548\u679c\uff0c\u5982\u524d\u9762\u6240\u8bf4\uff0c\u9700\u8981\u5bf9UV\u6839\u636e\u65f6\u95f4\u8fdb\u884c\u67d0\u4e2a\u65b9\u5411\u7684\u504f\u79fb\uff0c\u518d\u5bf9Noise\u8d34\u56fe\u8fdb\u884c\u91c7\u6837\u3002<\/p>\n<p>Unity\u4e2d\u7684shader\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n\n\n\n<pre><span>\/\/ shader\u7684\u8def\u5f84\u548c\u540d\u79f0<\/span>\n<span>Shader \"Shader Forge\/UVflow\" {<\/span>\n<span>    \/\/ \u66b4\u9732\u5c5e\u6027\u5230\u9762\u677f<\/span>\n<span>    Properties {<\/span>\n<span>        _MainTex(\"Main Texture\", 2d) = \"white\"{}<\/span>\n<span>        _Opacity(\"Opacity\", range(0.0, 1.0)) = 0.5<\/span>\n<span>        _NoiseTex(\"Noise Texture\", 2D) = \"white\"{}<\/span>\n<span>        _NoiseMul(\"Noise Multiply\", range(0.0,5.0)) = 1.0<\/span>\n<span>        _FlowSpeed(\"Flow Speed\", range(-10.0,10.0)) = 5.0<\/span>\n<span>    }<\/span>\n<span>    SubShader {<\/span>\n<span>        Tags {<\/span>\n<span>            \"Queue\"=\"Transparent\"                \/\/\u8c03\u6574\u6e32\u67d3\u987a\u5e8f<\/span>\n<span>            \"RenderType\"=\"Transparent\"           \/\/\u900f\u8d34<\/span>\n<span>            \"ForceNoShadowCasting\"=\"True\"        \/\/\u5173\u95ed\u9634\u5f71\u6295\u5c04<\/span>\n<span>            \"IgnoreProjector\"=\"True\"             \/\/\u4e0d\u54cd\u5e94\u6295\u5c04\u5668<\/span>\n<span>        }<\/span>\n<span>        Pass {<\/span>\n<span>            Name \"FORWARD\"<\/span>\n<span>            Tags {<\/span>\n<span>                \"LightMode\"=\"ForwardBase\"<\/span>\n<span>            }<\/span>\n<span>            Blend One OneMinusSrcAlpha           \/\/\u4fee\u6539\u6df7\u5408\u6a21\u5f0f<\/span>\n<span>            <\/span>\n<span>            CGPROGRAM<\/span>\n<span>            #pragma vertex vert<\/span>\n<span>            #pragma fragment frag<\/span>\n<span>            #include \"UnityCG.cginc\"<\/span>\n<span>            #pragma multi_compile_fwdbase_fullshadows<\/span>\n<span>            #pragma target 3.0<\/span>\n<span>            <\/span>\n<span>            \/\/ \u58f0\u660e\u53d8\u91cf<\/span>\n<span>            uniform sampler2D _MainTex;<\/span>\n<span>            uniform half _Opacity;<\/span>\n<span>            uniform sampler2D _NoiseTex; uniform float4 _NoiseTex_ST;<\/span>\n<span>            uniform half _NoiseMul;<\/span>\n<span>            uniform half _FlowSpeed;<\/span>\n<span>            <\/span>\n<span>            \/\/ \u8f93\u5165\u7ed3\u6784<\/span>\n<span>            struct VertexInput {<\/span>\n<span>                float4 vertex : POSITION;<\/span>\n<span>                float2 uv : TEXCOORD0;<\/span>\n<span>            };<\/span>\n<span>            <\/span>\n<span>            \/\/ \u8f93\u51fa\u7ed3\u6784<\/span>\n<span>            struct VertexOutput {<\/span>\n<span>                float4 pos : SV_POSITION;<\/span>\n<span>                float2 uv0 : TEXCOORD0;   \/\/\u91c7\u6837MainTex<\/span>\n<span>                float2 uv1 : TEXCOORD1;   \/\/\u91c7\u6837NoiseTex<\/span>\n<span>            };<\/span>\n<span>            <\/span>\n<span>            \/\/ \u9876\u70b9shader<\/span>\n<span>            VertexOutput vert (VertexInput v) {<\/span>\n<span>                VertexOutput o = (VertexOutput)0;<\/span>\n<span>                o.pos = UnityObjectToClipPos( v.vertex );<\/span>\n<span>                o.uv0 = v.uv;<\/span>\n<span>                o.uv1 = TRANSFORM_TEX(v.uv, _NoiseTex);    \/\/UV1\u652f\u6301TillingOffset<\/span>\n<span>                o.uv1.y = o.uv1.y + frac(-_Time.x * _FlowSpeed);   \/\/V\u8f74\u65b9\u5411\u968f\u65f6\u95f4\u6d41\u52a8,frac()\u53d6\u4f59\u6570<\/span>\n<span>                return o;<\/span>\n<span>            }<\/span>\n<span>            <\/span>\n<span>            \/\/ \u50cf\u7d20shader<\/span>\n<span>            float4 frag(VertexOutput i) : COLOR {<\/span>\n<span>                half4 var_MainTex = tex2D(_MainTex, i.uv0);<\/span>\n<span>                half4 var_NoiseTex = tex2D(_NoiseTex, i.uv1);<\/span>\n<span><\/span>\n<span>                half3 finalRGB = var_MainTex.rgb;<\/span>\n<span>                half noise = lerp(1.0, var_NoiseTex * 2.0, _NoiseMul);   \/\/remap\u8303\u56f4<\/span>\n<span>                noise = max(0.0, noise);                                 \/\/\u622a\u6389\u8d1f\u503c<\/span>\n<span>                half opacity = var_MainTex.a * _Opacity * noise;<\/span>\n<span>                <\/span>\n<span>                return half4(finalRGB * opacity, opacity);<\/span>\n<span>            }<\/span>\n<span>            ENDCG<\/span>\n<span>        }<\/span>\n<span>    }<\/span>\n<span>    FallBack \"Diffuse\"<\/span>\n<span>}<\/span>\n<\/pre>\n\n\n\n<p>\u6548\u679c\u5982\u4e0b\uff1a<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-3520 aligncenter\" src=\"https:\/\/www.yumefx.com\/wp-content\/uploads\/2021\/09\/uvOffset_01.gif\" alt=\"\" width=\"1019\" height=\"547\" \/><\/p>\n<p>\u5982\u679c\u611f\u89c9\u6d41\u52a8\u7684\u6548\u679c\u6bd4\u8f83\u5446\u677f\uff0c\u7eb9\u7406\u91cd\u590d\u7387\u8f83\u9ad8\uff0c\u53ef\u4ee5\u901a\u8fc7\u4e24\u5f20Noise\u8d34\u56fe\u5206\u522b\u7528\u4e0d\u540c\u7684\u901f\u5ea6\u53e0\u52a0\u6210\u6700\u7ec8Noise\u8d34\u56fe\u518d\u4f7f\u7528\u7684\u65b9\u5f0f\u5f97\u5230\u6bd4\u8f83\u81ea\u7136\u7684Noise\u6548\u679c\u3002<\/p>\n<h1>\u00a0<\/h1>\n<h1 style=\"text-align: center;\">UV\u6270\u52a8<\/h1>\n<p>UV\u6270\u52a8\u4e5f\u88ab\u79f0\u4e3aGhostWarp\uff0c\u5b9e\u73b0\u601d\u8def\u662f\u5728UV\u6d41\u52a8\u7684\u57fa\u7840\u4e0a\u5bf9UV\u8fdb\u884c\u6270\u52a8\uff0c\u5148\u6839\u636e\u65f6\u95f4\u5bf9UV\u8fdb\u884c\u67d0\u4e2a\u65b9\u5411\u7684\u504f\u79fb\uff0c\u4e4b\u540eUV\u901a\u8fc7Warp\u8d34\u56fe\u7684R\u3001G\u901a\u9053\u53e0\u52a0\u4e0aU\u3001V\u8f74\u5411\u7684\u6270\u52a8\u504f\u79fb\u91cf\uff0c\u6700\u540e\u4e5f\u662f\u518d\u5c06\u504f\u79fb\u540e\u7684UV\u5bf9Noise\u8d34\u56fe\u8fdb\u884c\u91c7\u6837\u3002<\/p>\n<p>\u800c\u4e14\u4e3a\u4e86\u51cf\u5c11\u91c7\u6837\u8d34\u56fe\u7684\u6570\u91cf\uff0c\u53ef\u4ee5\u628aNoise\u8d34\u56fe\u6574\u5408\u5230Warp\u8d34\u56fe\u7684B\u901a\u9053\u4e2d\u4f7f\u7528\u3002<\/p>\n\n\n\n<pre><span>\/\/ shader\u7684\u8def\u5f84\u548c\u540d\u79f0<\/span>\n<span>Shader \"Shader Forge\/UVwarp\" {<\/span>\n<span>    \/\/ \u66b4\u9732\u5c5e\u6027\u5230\u9762\u677f<\/span>\n<span>    Properties {<\/span>\n<span>        _MainTex(\"Main Texture\", 2d) = \"white\"{}<\/span>\n<span>        _Opacity(\"Opacity\", range(0.0, 1.0)) = 0.5<\/span>\n<span>        _WarpTex(\"Warp Texture\", 2D) = \"white\"{}    \/\/rg\u901a\u9053\u63a7\u5236UV\u65b9\u5411\u7684\u626d\u66f2\uff0cb\u901a\u9053\u4e3anoise\uff0c\u8fd9\u6837\u53ef\u4ee5\u5c11\u91c7\u6837\u4e00\u5f20\u8d34\u56fe<\/span>\n<span>        _WarpMul(\"Warp Multiply\", range(0.0, 5.0)) = 1.0<\/span>\n<span>        _NoiseMul(\"Noise Multiply\", range(0.0,5.0)) = 1.0<\/span>\n<span>        _FlowSpeed(\"Flow Speed\", range(-10.0,10.0)) = 5.0<\/span>\n<span>    }<\/span>\n<span>    SubShader {<\/span>\n<span>        Tags {<\/span>\n<span>            \"Queue\"=\"Transparent\"                \/\/\u8c03\u6574\u6e32\u67d3\u987a\u5e8f<\/span>\n<span>            \"RenderType\"=\"Transparent\"           \/\/\u900f\u8d34<\/span>\n<span>            \"ForceNoShadowCasting\"=\"True\"        \/\/\u5173\u95ed\u9634\u5f71\u6295\u5c04<\/span>\n<span>            \"IgnoreProjector\"=\"True\"             \/\/\u4e0d\u54cd\u5e94\u6295\u5c04\u5668<\/span>\n<span>        }<\/span>\n<span>        Pass {<\/span>\n<span>            Name \"FORWARD\"<\/span>\n<span>            Tags {<\/span>\n<span>                \"LightMode\"=\"ForwardBase\"<\/span>\n<span>            }<\/span>\n<span>            Blend One OneMinusSrcAlpha           \/\/\u4fee\u6539\u6df7\u5408\u6a21\u5f0f<\/span>\n<span>            <\/span>\n<span>            CGPROGRAM<\/span>\n<span>            #pragma vertex vert<\/span>\n<span>            #pragma fragment frag<\/span>\n<span>            #include \"UnityCG.cginc\"<\/span>\n<span>            #pragma multi_compile_fwdbase_fullshadows<\/span>\n<span>            #pragma target 3.0<\/span>\n<span>            <\/span>\n<span>            \/\/ \u58f0\u660e\u53d8\u91cf<\/span>\n<span>            uniform sampler2D _MainTex;<\/span>\n<span>            uniform half _Opacity;<\/span>\n<span>            uniform sampler2D _WarpTex; uniform float4 _WarpTex_ST;<\/span>\n<span>            uniform half _WarpMul;<\/span>\n<span>            uniform half _NoiseMul;<\/span>\n<span>            uniform half _FlowSpeed;<\/span>\n<span>            <\/span>\n<span>            \/\/ \u8f93\u5165\u7ed3\u6784<\/span>\n<span>            struct VertexInput {<\/span>\n<span>                float4 vertex : POSITION;<\/span>\n<span>                float2 uv : TEXCOORD0;<\/span>\n<span>            };<\/span>\n<span>            <\/span>\n<span>            \/\/ \u8f93\u51fa\u7ed3\u6784<\/span>\n<span>            struct VertexOutput {<\/span>\n<span>                float4 pos : SV_POSITION;<\/span>\n<span>                float2 uv0 : TEXCOORD0;   \/\/\u91c7\u6837MainTex<\/span>\n<span>                float2 uv1 : TEXCOORD1;   \/\/\u91c7\u6837WarpTex<\/span>\n<span>            };<\/span>\n<span>            <\/span>\n<span>            \/\/ \u9876\u70b9shader<\/span>\n<span>            VertexOutput vert (VertexInput v) {<\/span>\n<span>                VertexOutput o = (VertexOutput)0;<\/span>\n<span>                o.pos = UnityObjectToClipPos( v.vertex );<\/span>\n<span>                o.uv0 = v.uv;<\/span>\n<span>                o.uv1 = TRANSFORM_TEX(v.uv, _WarpTex);    \/\/UV1\u652f\u6301TillingOffset<\/span>\n<span>                o.uv1.y = o.uv1.y + frac(-_Time.x * _FlowSpeed);   \/\/V\u8f74\u65b9\u5411\u968f\u65f6\u95f4\u6d41\u52a8,frac()\u53d6\u4f59\u6570<\/span>\n<span>                return o;<\/span>\n<span>            }<\/span>\n<span>            <\/span>\n<span>            \/\/ \u50cf\u7d20shader<\/span>\n<span>            float4 frag(VertexOutput i) : COLOR {<\/span>\n<span>                half3 var_WarpTex = tex2D(_WarpTex, i.uv1).rgb;<\/span>\n<span>                float2 uvBias = (var_WarpTex.rg - 0.5) * _WarpMul;  \/\/\u8ba1\u7b97UV\u504f\u79fb\u503c\uff0c\u8ba9\u6270\u52a8\u533a\u95f4\u5728-0.5~0.5<\/span>\n<span>                float2 uv0 = i.uv0 + uvBias;                        \/\/\u5e94\u7528UV\u504f\u79fb\u503c<\/span>\n<span>                half4 var_MainTex = tex2D(_MainTex, uv0);           \/\/\u4f7f\u7528\u504f\u79fbUV\u91c7\u6837MainTex<\/span>\n<span><\/span>\n<span>                half3 finalRGB = var_MainTex.rgb;<\/span>\n<span>                half noise = lerp(1.0, var_WarpTex.b * 2.0, _NoiseMul);    \/\/remap\u8303\u56f4<\/span>\n<span>                noise = max(0.0, noise);                                 \/\/\u622a\u6389\u8d1f\u503c<\/span>\n<span>                half opacity = var_MainTex.a * _Opacity * noise;<\/span>\n<span>                <\/span>\n<span>                return half4(finalRGB * opacity, opacity);<\/span>\n<span>            }<\/span>\n<span>            ENDCG<\/span>\n<span>        }<\/span>\n<span>    }<\/span>\n<span>    FallBack \"Diffuse\"<\/span>\n<span>}<\/span>\n<\/pre>\n\n\n\n<p>\u6548\u679c\u5982\u4e0b\uff1a<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-3521 aligncenter\" src=\"https:\/\/www.yumefx.com\/wp-content\/uploads\/2021\/09\/uvOffset_02.gif\" alt=\"\" width=\"1019\" height=\"547\" \/><\/p>\n<p>\u00a0<\/p>\n<p>\u672c\u6587\u540c\u6837\u53c2\u8003\u81ea<a href=\"https:\/\/space.bilibili.com\/6373917\/video\">B\u7ad9\u5e84\u61c2\u7684\u6280\u672f\u7f8e\u672f\u5165\u95e8\u8bfe<\/a>\uff0c\u611f\u8c22\u3002<\/p>\n<p>\u00a0<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>\u5bf9\u5f85\u751f\u547d\uff0c\u4f60\u4e0d\u59a8\u5927\u80c6\u4e00\u70b9\uff0c<br \/>\u56e0\u4e3a\u6211\u4eec\u7ec8\u7a76\u8981\u5931\u53bb\u5b83\u3002<\/p>\n<p style=\"text-align: right;\">\u300a\u4e0d\u5408\u65f6\u5b9c\u7684\u6c89\u601d\u300b<br \/>\u2014\u2014\u5c3c\u91c7<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; \u524d\u8a00 \u7ee7\u900f\u660e\u8d34\u56fe\u4e4b\u540e\uff0c\u4eca\u5929\u518d\u6765\u8bf4\u4e00\u4e0bUV\u52a8\u6001\u6548\u679c\u4e4bUV\u6d41\u52a8\u548cUV\u6270\u52a8\u7684\u5b9e\u73b0\u65b9\u5f0f\u3002 \u6240\u8c13\u7684UV\u52a8\u6001 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3508,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,69],"tags":[71,14,72],"_links":{"self":[{"href":"https:\/\/www.yumefx.com\/index.php?rest_route=\/wp\/v2\/posts\/3493"}],"collection":[{"href":"https:\/\/www.yumefx.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yumefx.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yumefx.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yumefx.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3493"}],"version-history":[{"count":0,"href":"https:\/\/www.yumefx.com\/index.php?rest_route=\/wp\/v2\/posts\/3493\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yumefx.com\/index.php?rest_route=\/wp\/v2\/media\/3508"}],"wp:attachment":[{"href":"https:\/\/www.yumefx.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3493"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yumefx.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3493"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yumefx.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}