Planar reflection clipplane bug on Metal.

╰半橙微兮° 2022-09-23 12:49 98阅读 0赞

# Planar reflection clipplane bug on Metal. #

<table style="max-width:100%; border-collapse:collapse; border-spacing:0px; margin-bottom:10px; table-layout:fixed; width:700px"> 
 <tbody> 
 <tr> 
 <td style="width:30px; vertical-align:top"> 
 <div style="float:left; text-align:center"> 
 <a href="https://answers.unrealengine.com/questions/438822/planar-reflection-clipplane-bug-on-metal.html#" style="color:rgb(0,28,102); text-decoration:none; display:block; height:24px; position:relative; width:24px" rel="nofollow"></a> 
 <div title="current number of votes" style="color:rgb(119,119,119); font-size:21.45px; font-weight:bold; padding:0px 0px 3px">
 0 
 </div> 
 <a href="https://answers.unrealengine.com/questions/438822/planar-reflection-clipplane-bug-on-metal.html#" style="color:rgb(0,28,102); text-decoration:none; display:block; height:24px; position:relative; width:24px" rel="nofollow"></a> 
 <a href="https://answers.unrealengine.com/questions/438822/planar-reflection-clipplane-bug-on-metal.html#" style="color:rgb(0,28,102); text-decoration:none; display:block; height:24px; position:relative; width:24px" rel="nofollow"></a> 
 <div style="color:rgb(119,119,119); font-size:13px; font-weight:bold; padding:0px"> 
 </div> 
 </div> </td> 
 <td> 
 <div> 
 <div style="font-size:13px; line-height:20px; width:666px; white-space:pre-line; word-wrap:break-word"> 
 It seems that Clip plane is not working on Metal. Both Mac and iOS is affected. Planar reflections incorrectly reflect objects that are wrong side of plane. I made simple test case project that clearly show how reflections are broken.&nbsp;<img src="https://answers.unrealengine.com/storage/temp/95206-clipplanebug.png" alt="alt text" style="max-width:640px; height:auto; border:0px">&nbsp;In screenshot there are multiple cones that reflect from underwater. When player look down first person weapon also behave incorrectly. 
 <a href="https://dl.dropboxusercontent.com/u/10960490/ClipPlaneBug.zip" style="color:rgb(0,0,139); word-wrap:break-word" rel="nofollow">https://dl.dropboxusercontent.com/u/10960490/ClipPlaneBug.zip</a> 
 </div> 
 <div style="line-height:12px; margin:25px 0px 16px; font-size:11px; min-width:200px"> 
 <div style="font-size:11px; color:rgb(170,170,170); margin-bottom:2px">
 Product Version:&nbsp; 
 UE 4.12 
 </div> 
 Tags: 
 <a title="see questions tagged 'metal'" href="https://answers.unrealengine.com/questions/topics/single/80765.html" style="color:rgb(147,149,151); text-decoration:none; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204); border-right-width:1px; border-right-style:solid; border-right-color:rgb(204,204,204); font-size:11px; padding:1px 8px; white-space:nowrap; background-color:rgb(238,238,238)" rel="nofollow">metal</a> 
 <a title="see questions tagged 'planar reflections'" href="https://answers.unrealengine.com/questions/topics/single/418218.html" style="color:rgb(147,149,151); text-decoration:none; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204); border-right-width:1px; border-right-style:solid; border-right-color:rgb(204,204,204); font-size:11px; padding:1px 8px; white-space:nowrap; background-color:rgb(238,238,238)" rel="nofollow">planar reflections</a> 
 </div> 
 <div style="clear:both"> 
 <div style="margin:0px 0px 8px"> 
 
 <a href="https://answers.unrealengine.com/storage/attachments/95206-clipplanebug.png" style="color:rgb(0,28,102); text-decoration:none" rel="nofollow">clipplanebug.png</a>&nbsp;(2.4 MB) 
 </div> 
 </div> 
 <div style="font-size:11px; line-height:12px; margin-bottom:5px; min-width:200px; float:left"> 
 more ▼ 
 </div> 
 <div> 
 <div style="display:inline-block; float:right; margin-bottom:5px; width:190px"> 
 asked&nbsp;Jun 20 '16 at 3:47 PM 
 <a href="https://answers.unrealengine.com/users/22063/jenny-gore.html" style="color:rgb(0,28,102); text-decoration:none; display:inline-block; max-width:32px" rel="nofollow"><img width="32" src="https://secure.gravatar.com/avatar/5636a8b817c8f089f0ac67c17a7d8ad8?d=identicon&amp;r=PG&amp;s=32" alt="Jenny Gore gravatar image" title="Jenny Gore" style="max-width:100%; height:auto; border:0px; float:left; margin:4px 8px 0px 0px; width:32px"></a> 
 <a href="https://answers.unrealengine.com/users/22063/jenny-gore.html" style="color:rgb(0,28,102); text-decoration:none" rel="nofollow">Jenny Gore&nbsp;</a> 71&nbsp;●&nbsp;3&nbsp;●&nbsp;7 
 </div> 
 </div> 
 <div style="clear:both; padding:0px"> 
 </div> 
 <div style="padding-top:12px; text-align:right"> 
 </div> 
 </div> </td> 
 </tr> 
 </tbody> 
</table>

--------------------

2 answers:  sort voted first ▼

<table style="max-width:100%; border-collapse:collapse; border-spacing:0px; table-layout:fixed; width:700px"> 
 <tbody> 
 <tr> 
 <td style="width:30px; vertical-align:top"> 
 <div style="float:left; text-align:center"> 
 <a href="https://answers.unrealengine.com/questions/438822/planar-reflection-clipplane-bug-on-metal.html#" style="color:rgb(0,28,102); text-decoration:none; display:block; height:24px; position:relative; width:24px" rel="nofollow"></a> 
 <div title="current number of votes" style="color:rgb(119,119,119); font-size:21.45px; font-weight:bold; padding:0px 0px 3px">
 1 
 </div> 
 <a href="https://answers.unrealengine.com/questions/438822/planar-reflection-clipplane-bug-on-metal.html#" style="color:rgb(0,28,102); text-decoration:none; display:block; height:24px; position:relative; width:24px" rel="nofollow"></a> 
 <a href="https://answers.unrealengine.com/questions/438822/planar-reflection-clipplane-bug-on-metal.html#" style="color:rgb(0,28,102); text-decoration:none; display:block; height:24px; position:relative; width:24px" rel="nofollow"></a> 
 </div> </td> 
 <td> 
 <div> 
 <div style="font-size:13px; line-height:20px; max-width:700px; white-space:pre-line; word-wrap:break-word"> 
 Unfortunately Planar Reflections are known to be broken on Metal in 4.12. They have been fixed upstream for OS X 10.11 (as always beta OSes are unsupported) and these changes will be part of binary 4.13. However if you are willing to work from source to modify MetalUtils.cpp and Common.usf they should work in 4.12: 
 Common.usf: Change: 
 <pre style="padding:8.5px; font-family:Menlo,Monaco,'Courier New',monospace; font-size:12px; color:rgb(51,51,51); margin-top:0px; margin-bottom:9px; line-height:18px; white-space:pre-wrap; word-break:break-all; max-height:300px; overflow-y:auto; border:none!important; background-color:rgb(255,255,255)!important"><code style="padding:0px; font-family:Menlo,Monaco,&quot;Courier New&quot;,monospace; font-size:12px; color:rgb(0,0,0)!important; border:none; word-break:break-all; background-color:transparent"></code>
 
 
 <ol style="padding:0px; margin:0px 0px 0px 25px">
 
 <li> #define PLATFORM_SUPPORTS_GLOBAL_CLIP_PLANE (PS4_PROFILE || SM5_PROFILE || SM4_PROFILE) </li>
 
 </ol></pre> 
 To: 
 <pre style="padding:8.5px; font-family:Menlo,Monaco,'Courier New',monospace; font-size:12px; color:rgb(51,51,51); margin-top:0px; margin-bottom:9px; line-height:18px; white-space:pre-wrap; word-break:break-all; max-height:300px; overflow-y:auto; border:none!important; background-color:rgb(255,255,255)!important"><code style="padding:0px; font-family:Menlo,Monaco,&quot;Courier New&quot;,monospace; font-size:12px; color:rgb(0,0,0)!important; border:none; word-break:break-all; background-color:transparent"></code>
 
 
 <ol style="padding:0px; margin:0px 0px 0px 25px">
 
 <li> #define PLATFORM_SUPPORTS_GLOBAL_CLIP_PLANE (PS4_PROFILE || SM5_PROFILE || SM4_PROFILE || METAL_PROFILE || METAL_MRT_PROFILE || METAL_SM4_PROFILE || METAL_SM5_PROFILE)</li>
 
 <li style="background:rgb(238,238,238)">&nbsp;</li>
 
 </ol></pre> 
 MetalUtils.cpp: Change: 
 <pre style="padding:8.5px; font-family:Menlo,Monaco,'Courier New',monospace; font-size:12px; color:rgb(51,51,51); margin-top:0px; margin-bottom:9px; line-height:18px; white-space:pre-wrap; word-break:break-all; max-height:300px; overflow-y:auto; border:none!important; background-color:rgb(255,255,255)!important"><code style="padding:0px; font-family:Menlo,Monaco,&quot;Courier New&quot;,monospace; font-size:12px; color:rgb(0,0,0)!important; border:none; word-break:break-all; background-color:transparent"></code>
 
 
 <ol style="padding:0px; margin:0px 0px 0px 25px">
 
 <li> /** Vertex shader system values. */</li>
 
 <li style="background:rgb(238,238,238)"> static FSystemValue VertexSystemValueTable[] =</li>
 
 <li> {
 </li>
 
 <li style="background:rgb(238,238,238)"> {
 "SV_VertexID", glsl_type::uint_type, "IN_VertexID", ir_var_in, "[[ vertex_id ]]"},</li>
 
 <li> {
 "SV_InstanceID", glsl_type::uint_type, "IN_InstanceID", ir_var_in, "[[ instance_id ]]"},</li>
 
 <li style="background:rgb(238,238,238)"> {
 "SV_Position", glsl_type::vec4_type, "Position", ir_var_out, "[[ position ]]"},</li>
 
 <li> {
 "SV_RenderTargetArrayIndex", glsl_type::uint_type, "OUT_Layer", ir_var_out, "[[ render_target_array_index ]]"},</li>
 
 <li style="background:rgb(238,238,238)"> {
 "SV_ClipDistance0", glsl_type::float_type, "ClipDistance0", ir_var_out, "[[ clip_distance ]]"},</li>
 
 <li> //#todo-rco: Values 1..7 are not really defined well in the Metal Language Doc...</li>
 
 <li style="background:rgb(238,238,238)"> //{"SV_ClipDistance1", glsl_type::float_type, "ClipDistance1", ir_var_out, "[[ clip_distance ]]"},</li>
 
 <li> //{"SV_ClipDistance2", glsl_type::float_type, "ClipDistance2", ir_var_out, "[[ clip_distance ]]"},</li>
 
 <li style="background:rgb(238,238,238)"> //{"SV_ClipDistance3", glsl_type::float_type, "ClipDistance3", ir_var_out, "[[ clip_distance ]]"},</li>
 
 <li> //{"SV_ClipDistance4", glsl_type::float_type, "ClipDistance4", ir_var_out, "[[ clip_distance ]]"},</li>
 
 <li style="background:rgb(238,238,238)"> //{"SV_ClipDistance5", glsl_type::float_type, "ClipDistance5", ir_var_out, "[[ clip_distance ]]"},</li>
 
 <li> //{"SV_ClipDistance6", glsl_type::float_type, "ClipDistance6", ir_var_out, "[[ clip_distance ]]"},</li>
 
 <li style="background:rgb(238,238,238)"> //{"SV_ClipDistance7", glsl_type::float_type, "ClipDistance7", ir_var_out, "[[ clip_distance ]]"},</li>
 
 <li> {
 NULL, NULL, NULL, ir_var_auto, nullptr}</li>
 
 <li style="background:rgb(238,238,238)"> };</li>
 
 <li>&nbsp;</li>
 
 </ol></pre> 
 To: 
 <pre style="padding:8.5px; font-family:Menlo,Monaco,'Courier New',monospace; font-size:12px; color:rgb(51,51,51); margin-top:0px; margin-bottom:9px; line-height:18px; white-space:pre-wrap; word-break:break-all; max-height:300px; overflow-y:auto; border:none!important; background-color:rgb(255,255,255)!important"><code style="padding:0px; font-family:Menlo,Monaco,&quot;Courier New&quot;,monospace; font-size:12px; color:rgb(0,0,0)!important; border:none; word-break:break-all; background-color:transparent"></code>
 
 
 <ol style="padding:0px; margin:0px 0px 0px 25px">
 
 <li> /** Vertex shader system values. */</li>
 
 <li style="background:rgb(238,238,238)"> static FSystemValue VertexSystemValueTable[] =</li>
 
 <li> {
 </li>
 
 <li style="background:rgb(238,238,238)"> {
 "SV_VertexID", glsl_type::uint_type, "IN_VertexID", ir_var_in, "[[ vertex_id ]]"},</li>
 
 <li> {
 "SV_InstanceID", glsl_type::uint_type, "IN_InstanceID", ir_var_in, "[[ instance_id ]]"},</li>
 
 <li style="background:rgb(238,238,238)"> {
 "SV_Position", glsl_type::vec4_type, "Position", ir_var_out, "[[ position ]]"},</li>
 
 <li> {
 "SV_RenderTargetArrayIndex", glsl_type::uint_type, "OUT_Layer", ir_var_out, "[[ render_target_array_index ]]"},</li>
 
 <li style="background:rgb(238,238,238)"> {
 "SV_ClipDistance", glsl_type::float_type, "ClipDistance0", ir_var_out, "[[ clip_distance ]]"},</li>
 
 <li> {
 "SV_ClipDistance0", glsl_type::float_type, "ClipDistance0", ir_var_out, "[[ clip_distance ]]"},</li>
 
 <li style="background:rgb(238,238,238)"> //#todo-rco: Values 1..7 are not really defined well in the Metal Language Doc...</li>
 
 <li> //#todo-marksatt: Perhaps not, but this is a semantic marker not a 'slot' so I think we can just use 0-8.</li>
 
 <li style="background:rgb(238,238,238)"> {
 "SV_ClipDistance1", glsl_type::float_type, "ClipDistance1", ir_var_out, "[[ clip_distance ]]"},</li>
 
 <li> {
 "SV_ClipDistance2", glsl_type::float_type, "ClipDistance2", ir_var_out, "[[ clip_distance ]]"},</li>
 
 <li style="background:rgb(238,238,238)"> {
 "SV_ClipDistance3", glsl_type::float_type, "ClipDistance3", ir_var_out, "[[ clip_distance ]]"},</li>
 
 <li> {
 "SV_ClipDistance4", glsl_type::float_type, "ClipDistance4", ir_var_out, "[[ clip_distance ]]"},</li>
 
 <li style="background:rgb(238,238,238)"> {
 "SV_ClipDistance5", glsl_type::float_type, "ClipDistance5", ir_var_out, "[[ clip_distance ]]"},</li>
 
 <li> {
 "SV_ClipDistance6", glsl_type::float_type, "ClipDistance6", ir_var_out, "[[ clip_distance ]]"},</li>
 
 <li style="background:rgb(238,238,238)"> {
 "SV_ClipDistance7", glsl_type::float_type, "ClipDistance7", ir_var_out, "[[ clip_distance ]]"},</li>
 
 <li> {
 NULL, NULL, NULL, ir_var_auto, nullptr}</li>
 
 <li style="background:rgb(238,238,238)"> };</li>
 
 <li>&nbsp;</li>
 
 </ol></pre> 
 Then rebuild ShaderCompileWorker &amp; UE4 from Xcode. 
 </div> 
 <div style="font-size:11px; line-height:12px; margin-bottom:5px; min-width:200px; float:left"> 
 more ▼ 
 </div> 
 <div> 
 <div style="display:inline-block; float:right; margin-bottom:5px; width:190px"> 
 Newest 
 answered&nbsp;Jun 23 '16 at 1:52 AM 
 <a href="https://answers.unrealengine.com/users/4868/marksatt-pitbull.html" style="color:rgb(0,28,102); text-decoration:none; display:inline-block; max-width:32px" rel="nofollow"><img width="32" src="https://secure.gravatar.com/avatar/110d0ce2f4a54abdae26f47a9734998c?d=identicon&amp;r=PG&amp;s=32" alt="marksatt-pitbull gravatar image" title="marksatt-pitbull" style="max-width:100%; height:auto; border:0px; float:left; margin:4px 8px 0px 0px; width:32px"></a> 
 <a href="https://answers.unrealengine.com/users/4868/marksatt-pitbull.html" style="color:rgb(0,28,102); text-decoration:none" rel="nofollow">marksatt-pitbull&nbsp;</a>STAFF&nbsp; 835&nbsp;●&nbsp;22&nbsp;●&nbsp;4&nbsp;●&nbsp;33 
 </div> 
 </div> 
 <div style="clear:both; padding:0px; background-color:rgb(204,255,191)"> 
 </div> 
 <div style="padding-top:12px; text-align:right"> 
 </div> 
 </div> </td> 
 </tr> 
 </tbody> 
</table>