<h5 dir="auto">Description of the problem</h5>
<p dir="auto">I don't know if it is expected or if I miss something, but it looks like the envmap textures generated by PMREGenerator and the renderer specified at that time cannot be re-used with another renderer.</p>
<p dir="auto">In this example, the envmap is generated using <strong>renderer</strong>.<br>
If the scene is rendered with <strong>renderer2</strong>, it doesn't work.</p>
<ul dir="auto">
<li><a href="https://jsfiddle.net/uhzg3Lyv/2/" rel="nofollow">jsfiddle</a></li>
</ul>
<p dir="auto">Replace <code class="notranslate">var pmremGenerator = new THREE.PMREMGenerator( renderer );</code><br>
by <code class="notranslate">var pmremGenerator = new THREE.PMREMGenerator( renderer2 );</code><br>
on line 49 to check the difference.</p>
<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=""> r115</li>
</ul>
<h5 dir="auto">Browser</h5>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> All of them</li>
</ul>
<h5 dir="auto">OS</h5>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> All of them</li>
</ul>
<h5 dir="auto">Description of the problem</h5>
<p dir="auto">Using <code class="notranslate">PMREMGenerator.fromEquirectangular</code>  in multiple simultaneous three.js renderers causes only the last renderer to have a correctly functioning texture (at least for use as an envMap)<br>
This happens even when each renderer has its own instance of <code class="notranslate">pmremGenerator</code> and calls <code class="notranslate">dispose</code> after use.</p>
<p dir="auto">Here's a fiddle: <a href="https://jsfiddle.net/h37k2ztv/10/" rel="nofollow">https://jsfiddle.net/h37k2ztv/10/</a></p>
<p dir="auto">I would expect that initializing a different <code class="notranslate">pmremGenerator</code> for each renderer should be sufficient, but I had to work around it by reinstantiating and recompiling the <code class="notranslate">pmremGenerator</code> immediately before each time it is used (uncomment lines 63 and 64 in the fiddle to do this)</p>
<p dir="auto">Issue <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="577602852" data-permission-text="Title is private" data-url="https://github.com/mrdoob/three.js/issues/18842" data-hovercard-type="issue" data-hovercard-url="/mrdoob/three.js/issues/18842/hovercard" href="https://github.com/mrdoob/three.js/issues/18842">#18842</a> reports this same issue, but perhaps even without multiple renderers.<br>
<a href="https://github.com/mrdoob/three.js/pull/15330" data-hovercard-type="pull_request" data-hovercard-url="/mrdoob/three.js/pull/15330/hovercard">This merge request</a> may have introduced the unexpected behavior.</p>
<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"> r115</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> ...</li>
</ul>
<h5 dir="auto">Browser</h5>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox">  All of them</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Chrome</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Firefox</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Internet Explorer</li>
</ul>
<h5 dir="auto">OS</h5>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> All of them</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Windows</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> macOS</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Linux</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Android</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> iOS</li>
</ul>