{"id":317,"date":"2020-10-22T11:24:43","date_gmt":"2020-10-22T03:24:43","guid":{"rendered":"http:\/\/meecarlo.com\/?p=317"},"modified":"2026-07-01T01:55:52","modified_gmt":"2026-06-30T17:55:52","slug":"unity-%e7%ae%80%e5%8d%95%e6%b0%b4%e4%bd%93","status":"publish","type":"post","link":"https:\/\/meecarlo.com\/old\/2020\/10\/22\/unity-%e7%ae%80%e5%8d%95%e6%b0%b4%e4%bd%93\/","title":{"rendered":"Unity-SimpleWater"},"content":{"rendered":"

\u8fd9\u6b21\u6211\u4eec\u5c06\u8fd0\u7528\u4e4b\u524d\u6240\u5b66\u7684\u5185\u5bb9\u8fdb\u884c\u7b80\u5355\u7684\u6c34\u4f53\u7f16\u8f91\uff0c\u5148\u4e0a\u6548\u679c\u56fe\u3002<\/p>\n

\"\"
\u5b8c\u6210\u540e\u7684\u6548\u679c\u56fe<\/figcaption><\/figure>\n
\"\"<\/figure>\n

\u8fd9\u6b21\u7684\u6c34\u4f53\u5176\u5b9e\u975e\u5e38\u7684\u7b80\u5355\uff0c\u4e3b\u8981\u662f\u901a\u8fc7UV\u8fd0\u52a8\u4e0e\u9876\u70b9\u8fd0\u52a8\u6240\u5b9e\u73b0\u7684\uff0c\u4e3a\u4e86\u8282\u7701\u7f8e\u672f\u8d44\u6e90\uff0c\u6211\u4eec\u5c31\u7528\u4e86\u4e24\u5f20\u56fe\u50cf\u8d44\u6e90\uff0c\u4e00\u5f20\u5305\u542b\u6e10\u53d8\u3001\u6ce1\u6cab\u7684Foam\u56fe\uff0c\u4e00\u5f20\u6cd5\u7ebf\u56fe\u3002<\/p>\n

\"Foam\"
Foam<\/figcaption><\/figure>\n
\"Normal\"
Normal<\/figcaption><\/figure>\n

\u6211\u4eec\u6240\u4f7f\u7528\u7684\u8d44\u6e90\u5c31\u662f\u8fd9\u4e24\u4e2a\u3002\u9996\u5148\u6211\u4eec\u5148\u5b8c\u6210\u6d77\u6c34\u7684\u6e10\u53d8\u6548\u679c\uff0c\u5728\u8fd9\u91cc\u6211\u4eec\u9700\u8981\u7528\u5230Foam\u7684R\u901a\u9053\uff0c\u5982\u679c\u8981\u5b8c\u6210\u66f4\u52a0\u81ea\u7531\u7684\u7ec4\u5408\u6211\u4eec\u53ef\u4ee5\u7528photoshop\u6765\u8fdb\u884c\u7f16\u8f91\u6216\u8005\u8bbe\u7f6e\u4e24\u4e2a\u989c\u8272\u4e0e\u4e00\u5f20\u7070\u5ea6\u56fe\u6765\u8fdb\u884c\u6bd4\u8f83\uff0c\u8fd9\u4e24\u79cd\u65b9\u6cd5\u90fd\u4f1a\u5728\u65e5\u5e38\u7684\u5de5\u4f5c\u4e2d\u8fd0\u7528\u5f97\u5230\u3002\u4f46\u8fd9\u91cc\u6211\u4eec\u53ea\u7528Foam\u56fe\u7684R\u901a\u9053\u8fdb\u884c\u5b9e\u73b0\u6e10\u53d8\u3002<\/p>\n

fixed degree=tex2D(_Foma,i.uv).r;\nfixed3 albedo=lerp(_ShalowColor,_DeepColor,degree);<\/code><\/pre>\n
        \u5982\u4e0a\u6240\u5199\uff0c\u6211\u4eec\u5c06_Foam\u8fdb\u884c\u91c7\u6837\u7136\u540e\u5c06\u4ed6\u7684R\u901a\u9053\u7684\u503c\u8d4b\u4e88degree\uff0c\u4e4b\u540e\u5c06albedo\u4e5f\u5c31\u662f\u53cd\u5c04\u7387\u8fdb\u884c\u7ebf\u6027\u63d2\u503c\uff0c\u4fbf\u53ef\u4ee5\u5f97\u5230\u5982\u4e0b\u6548\u679c<\/p>\n
\"\"
\u7b80\u5355\u7684\u6e10\u53d8\u4e0e\u6cd5\u7ebf<\/figcaption><\/figure>\n
        \u4e0e\u6cd5\u7ebf\u8d34\u56fe\u914d\u5408\u5c31\u80fd\u5b9e\u73b0\u4e0a\u56fe\u7684\u6548\u679c\u3002\u8fd9\u90e8\u5206\u7684\u4ee3\u7801\u6bd4\u8f83\u91cd\u8981\uff0c\u5efa\u8bae\u5199\u7684\u6bd4\u8f83\u6709\u6761\u7406\u4e9b\uff0c\u6bd5\u7adf\u6846\u67b6\u86ee\u91cd\u8981\u7684\u3002<\/p>\n
Shader \"Custom\/SeaWater\"\n{\n    Properties\n    {\n        [Space(20)]\n        [Header(Color)]\n        _ShalowColor(\"Shalow Color\",Color)=(1,1,1,1)\n        _DeepColor(\"Deep Color\",Color)=(1,1,1,1)\n        \n        \n        [Space(20)]\n        [Header(Texture)]\n        _Foam(\"Foam\",2D)=\"white\"{}\n        _WaterNormal(\"Water Normal\",2D)=\"Bump\"{}\n        _NormalScale(\"Normal Scale\",Float)=1.0\n\n        [Space(20)]\n        [Header(Specular)]\n        _SpecularColor(\"Specular Color\",Color)=(1,1,1,1)\n        _SpecularScale(\"Specular Scale\",Range(8,256))=20\n    }\n    SubShader\n    {\n        Pass{\n            Tags { \"RenderType\"=\"Opaque\" }\n            CGPROGRAM\n            #pragma vertex vert \n            #pragma fragment frag \n            #include \"UnityCG.cginc\"\n            #include \"AutoLight.cginc\"\n            #include \"Lighting.cginc\"\n\n            fixed4 _ShalowColor;\n            fixed4 _DeepColor;\n            fixed4 _SpecularColor;\n            float _SpecularScale;\n\n            sampler2D _Foam;\n            float4 _Foam_ST;\n            sampler2D _WaterNormal;\n            float4 _WaterNormal_ST;\n\n            float _NormalScale;\n\n            struct a2v{\n                float4 vertex:POSITION;\n                float4 texcoord:TEXCOORD0;\n                float3 normal:NORMAL;\n                float4 tangent:TANGENT;\n            };\n\n            struct v2f{\n                float4 pos:SV_POSITION;\n                float4 uv:TEXCOORD0;\n                float3 lightDir:TEXCOORD1;\n                float3 viewDir:TEXCOORD2;\n            };\n\n            v2f vert(a2v v){\n                v2f o;\n                o.pos=UnityObjectToClipPos(v.vertex);\n\n                o.uv.xy = v.texcoord.xy * _Foam_ST.xy + _Foam_ST.zw;\n\t\t\t    o.uv.zw = v.texcoord.xy * _WaterNormal_ST.xy + _WaterNormal_ST.zw;\n\n                TANGENT_SPACE_ROTATION;\n\n                o.lightDir = mul(rotation, ObjSpaceLightDir(v.vertex)).xyz;\n                o.viewDir = mul(rotation, ObjSpaceViewDir(v.vertex)).xyz;\n\n                return o;\n            }\n\n            fixed4 frag(v2f i):SV_Target{\n                float3 tangentLightDir=normalize(i.lightDir);\n                float3 tangentViewDir=normalize(i.viewDir);\n                fixed4 packedNormal = tex2D(_WaterNormal, i.uv.zw);\n\t\t\t    fixed3 tangentNormal=UnpackNormal(packedNormal);\n                tangentNormal.xy *=_NormalScale;\n                tangentNormal.z = sqrt(1.0 - saturate(dot(tangentNormal.xy, tangentNormal.xy)));\n\n                fixed degree=tex2D(_Foam,i.uv.xy).r;\n                fixed3 albedo=lerp(_ShalowColor,_DeepColor,degree);\n                fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz * albedo;\n\n                fixed3 diffuse = _LightColor0.rgb * albedo * max(0, dot(tangentNormal, tangentLightDir));\n\n                fixed3 halfDir = normalize(tangentLightDir + tangentViewDir);\n                fixed3 specular = _LightColor0.rgb * _SpecularColor.rgb * pow(max(0, dot(tangentNormal, halfDir)), _SpecularScale);\n\t\t\t\t\n\t\t\t    return fixed4(ambient+diffuse + specular, 1.0);\n            \n            }\n            ENDCG\n        }\n    }\n\n    FallBack \"Diffuse\"\n}\n<\/code><\/pre>\n
        \u6211\u4eec\u5148\u5c06\u6846\u67b6\u642d\u5b8c\u4e86\u4e4b\u540e\u5c31\u662f\u4f20\u7edf\u7684\u642d\u79ef\u6728\u5199\u4ee3\u7801\u800c\u5df2\u3002\u6cd5\u7ebf\u8d34\u56fe\u7684\u4e3b\u8981\u601d\u8def\u53ef\u4ee5\u53c2\u8003\u7f51\u4e0a\u7684\u4ee3\u7801\uff0c\u8fd9\u90e8\u5206\u8d44\u6599\u6709\u5f88\u591a\uff0c\u6211\u6bd4\u8f83\u63a8\u8350\u51af\u4e50\u4e50\u7684\u300aShader \u5165\u95e8\u7cbe\u8981\u300b\uff0c\u91cc\u9762\u9610\u8ff0\u7684\u6bd4\u8f83\u8be6\u7ec6\u3002<\/p>\n
        \u63a5\u7740\u6211\u4eec\u8fdb\u884c\u6700\u5173\u952e\u7684\u4e00\u90e8\u5206\u4ee3\u7801\u7684\u4e66\u5199\uff0c\u6c34\u9762\u6ce2\u7eb9\u7684\u8fd0\u52a8\u3002\u6bd5\u7adf\u6211\u4eec\u7684\u8fd0\u52a8\u4e3b\u8981\u7531\u6cd5\u7ebf\u52a8\u753b\u6240\u4f53\u73b0\uff0c\u6838\u5fc3\u4ee3\u7801\u5982\u4e0b<\/p>\n
half2 panner1 = ( _Time.y * _WaveParams.xy + i.uv);\nhalf2 panner2 = ( _Time.y * _WaveParams.zw + i.uv);\nhalf3 worldNormal = BlendNormals(UnpackNormal(tex2D( _WaterNormal, panner1)) , UnpackNormal(tex2D(_WaterNormal, panner2)));\nworldNormal = lerp(half3(0, 0, 1), worldNormal, _NormalScale);<\/code><\/pre>\n
           \u6211\u4eec\u5728\u8fd9\u91cc\u65b0\u5b9a\u4e49\u4e86\u4e00\u4e2a\u53c2\u6570_WaveParams(x,y,z,w\uff09\uff0c\u8fd9\u4e2a\u53c2\u6570\u6211\u4eecUE4\u4e2d\u7ecf\u5e38\u7528\u5230\u662f4\u4f4d\u7684\u5411\u91cf\uff0c\u6211\u4eec\u5728\u8fd9\u91cc\u53ef\u4ee5\u5b9a\u4e49\u4e00\u4e0b\uff0c\u6d77\u6d6a\u53c2\u6570(x:\u6d77\u6d6a\u8303\u56f4,y:\u6d77\u6d6a\u504f\u79fb,z:\u6d77\u6d6a\u6270\u52a8,w:\u6d6a\u82b1\u6ce1\u6cab\u6270\u52a8)\uff0c\u8fd9\u91cc\u6211\u8981\u5570\u55e6\u4e00\u53e5\uff0c\u5728\u8fdb\u884c\u6cd5\u7ebf\u8d34\u56fe\u7684\u65f6\u5019\uff0c\u6cd5\u7ebf\u5176\u5b9e\u662f\u50a8\u5b58\u5728\u5207\u7ebf\u7a7a\u95f4\u4e0b\u7684\uff0c\u6211\u5f53\u8981\u4f7f\u7528\u6cd5\u7ebf\u5728\u4e16\u754c\u4e2d\u7684\u5750\u6807\u7684\u65f6\u5019\u9700\u8981\u8fdb\u884c\u4e00\u90e8\u5206\u8f6c\u6362\u3002\u5177\u4f53\u53ef\u4ee5\u770b\u8fd9\u7bc7\u6587\u7ae0<\/a>\u3002\u5173\u4e8e\u4e3a\u4f55\u8981\u5c06\u6cd5\u7ebf\u5b58\u50a8\u5728\u5207\u7ebf\u6587\u7ae0\uff0c\u53ef\u4ee5\u53c2\u8003\u6cd5\u7ebf\u8d34\u56fe<\/a>\u8fd9\u7bc7\u6587\u7ae0\u3002\u5177\u4f53\u7684\u5173\u952e\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n
v2f vert (appdata_full v)\n{\n    ...\n    o.worldPos = mul(unity_ObjectToWorld, v.vertex);\n    fixed3 worldNormal = UnityObjectToWorldNormal(v.normal);\n    fixed3 worldTangent = UnityObjectToWorldDir(v.tangent.xyz);\n    fixed tangentSign = v.tangent.w * unity_WorldTransformParams.w;\n    fixed3 worldBinormal = cross(worldNormal, worldTangent) * tangentSign;\n    o.TW0 = float4(worldTangent.x, worldBinormal.x, worldNormal.x, o.worldPos.x);\n    o.TW1 = float4(worldTangent.y, worldBinormal.y, worldNormal.y, o.worldPos.y);\n    o.TW2 = float4(worldTangent.z, worldBinormal.z, worldNormal.z, o.worldPos.z);\n    ...\n    return o;\n}\nfixed4 frag (v2f i) : SV_Target\n{\n    ...\n    worldNormal = normalize(fixed3(dot(i.TW0.xyz, worldNormal), dot(i.TW1.xyz, worldNormal), dot(i.TW2.xyz, worldNormal)));\n    ...\n}<\/code><\/pre>\n