<p dir="auto">When creating an <em>EffectComposer</em> with an <a href="https://github.com/mrdoob/three.js/blob/master/examples/js/postprocessing/OutlinePass.js"><em>OutlinePass</em></a> in the pipeline, the alpha channel is discarded.</p>
<p dir="auto">This is demonstrated in this <a href="https://jsfiddle.net/3foLr7sn/104/" rel="nofollow">jsfiddle snippet</a>. Comment <code class="notranslate">composer.addPass( outlinePass )</code> to see the background turning transparent (white).</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=""> r95</li>
</ul>
<h5 dir="auto">Description of the problem</h5>
<p dir="auto">After commit <a class="commit-link" data-hovercard-type="commit" data-hovercard-url="https://github.com/mrdoob/three.js/commit/b3cf1c73c279d7d9788d4a9735d17dcb7893b50c/hovercard" href="https://github.com/mrdoob/three.js/commit/b3cf1c73c279d7d9788d4a9735d17dcb7893b50c"><tt>b3cf1c7</tt></a> the outlinePass renders transparent backgrounds in black.</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=""> r88</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=""> Chrome latest</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" checked=""> Windows 10</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"> Linux</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Android</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> iOS</li>
</ul>
<h5 dir="auto">Hardware Requirements (graphics card, VR Device, ...)</h5>