<p dir="auto">It seems to be something like this issue:<br>
<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="580514624" data-permission-text="Title is private" data-url="https://github.com/mrdoob/three.js/issues/18893" data-hovercard-type="issue" data-hovercard-url="/mrdoob/three.js/issues/18893/hovercard" href="https://github.com/mrdoob/three.js/issues/18893">#18893</a></p>
<p dir="auto">In my case, the renderer <code class="notranslate">outputEncoding</code> is <code class="notranslate">GammaEncoding</code> and  I'm using an <code class="notranslate">EffectComposer</code> with a <code class="notranslate">GammaCorrectionShader</code> pass at the end.</p>
<p dir="auto">If I use a reflector with the default <code class="notranslate">LinearEncoding</code> then it runs fine, but the reflection colors are screwed, they appear too dark. If I use <code class="notranslate">sRGBEncoding</code> as the reflector encoding, then the reflection colors are correct but it's running slow as hell, probably recompiling the shaders all the time.</p>
<p dir="auto">Is there a way I can get correct colors without recompiling the shaders all the time?</p>
<h5 dir="auto">Description of the problem</h5>
<p dir="auto">I'm experiencing horrible render performance when using the combination of the Water.js shader, a plane with a MeshStandardMaterial and the renderer.output using sRGBEncoding.</p>
<p dir="auto">Recreated <a href="https://threejs.org/examples/#webgl_water" rel="nofollow">water example</a> in jsfiddle and added <code class="notranslate">renderer.outputEncoding = THREE.sRGBEncoding</code> (line 119) in the fiddle: <a href="https://jsfiddle.net/4esfwtkh/" rel="nofollow">https://jsfiddle.net/4esfwtkh/</a></p>
<p dir="auto">The performance does not dip:</p>
<ul dir="auto">
<li>By not setting render.output to sRGBEncoding and using MeshStandardMaterial it will run ok (comment line 117)</li>
<li>By setting render.output to sRGBEncoding but using MeshBasicMaterial it will run ok (comment line 55 and uncomment line 56)</li>
<li>When the water is not visible in the camera frustum (i.e. by looking from below)</li>
</ul>
<h5 dir="auto">Three.js version</h5>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Dev</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> r114</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> r113</li>
</ul>