<p dir="auto"><strong>Describe the bug</strong></p>
<p dir="auto"><a href="https://threejs.org/examples/webgl_water_flowmap.html" rel="nofollow">https://threejs.org/examples/webgl_water_flowmap.html</a> works in Safari/Firefox, but not Chrome</p>
<p dir="auto"><strong>To Reproduce</strong></p>
<p dir="auto">Steps to reproduce the behavior:</p>
<ol dir="auto">
<li>In Chrome (Version 85.0.4183.121)</li>
<li>Go to <a href="https://threejs.org/examples/webgl_water_flowmap.html" rel="nofollow">https://threejs.org/examples/webgl_water_flowmap.html</a></li>
<li>Water doesn't flow. No errors in console.</li>
</ol>
<p dir="auto"><em><strong>Code</strong></em></p>
<p dir="auto"><a href="https://github.com/mrdoob/three.js/blob/dev/examples/webgl_water_flowmap.html">https://github.com/mrdoob/three.js/blob/dev/examples/webgl_water_flowmap.html</a></p>
<p dir="auto"><em><strong>Live example</strong></em></p>
<p dir="auto"><a href="https://threejs.org/examples/webgl_water_flowmap.html" rel="nofollow">https://threejs.org/examples/webgl_water_flowmap.html</a></p>
<p dir="auto"><strong>Expected behavior</strong></p>
<p dir="auto">Example works</p>
<p dir="auto"><strong>Screenshots</strong></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/4033249/95474183-68644900-09b7-11eb-8a64-8ba788694eb6.jpg"><img src="https://user-images.githubusercontent.com/4033249/95474183-68644900-09b7-11eb-8a64-8ba788694eb6.jpg" alt="Screen Shot 2020-10-08 at 10 40 29 PM" style="max-width: 100%;"></a></p>
<p dir="auto"><strong>Platform:</strong></p>
<ul dir="auto">
<li>Device: Desktop</li>
<li>OS: MacOS 10.15.7</li>
<li>Browser: Chrome Version 85.0.4183.121</li>
<li>Three.js version: dev</li>
</ul>
<p dir="auto">I first noticed this issue while browsing and studying <a href="http://swamp.lt/" rel="nofollow">http://swamp.lt/</a>. I remember it was working in a Chrome version 3 months ago when I first see it. FYI <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/Mugen87/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/Mugen87">@Mugen87</a></p>
<h5 dir="auto">Description of the problem</h5>
<p dir="auto">No errors or warnings in the console (some discrepancy in the shader code for my old computer's gpu?), and no water:</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1641058/54844342-11036880-4cad-11e9-92dd-7e681e55718b.png"><img width="1272" alt="Screen Shot 2019-03-22 at 2 16 09 PM" src="https://user-images.githubusercontent.com/1641058/54844342-11036880-4cad-11e9-92dd-7e681e55718b.png" style="max-width: 100%;"></a></p>
<p dir="auto">It renders fine in other browsers.</p>
<h5 dir="auto">Three.js version</h5>
<p dir="auto">Viewed from the latest website examples (<a href="https://threejs.org/examples/?q=water#webgl_water" rel="nofollow">https://threejs.org/examples/?q=water#webgl_water</a>)</p>
<h5 dir="auto">Browser</h5>
<p dir="auto">Chrome, Version 73.0.3683.86 (Official Build) (64-bit)</p>
<h5 dir="auto">OS</h5>
<p dir="auto">macOS 10.14.1</p>
<h5 dir="auto">Hardware Requirements (graphics card, VR Device, ...)</h5>
<p dir="auto">MBP 15-inch Late 2013<br>
GPU: Intel Iris Pro 1536 MB</p>