title: How to use Stereo Effect (VR) and Post Processing (THREE.JS R76)
body: <p>I have a post processing bloom shader running and a VR (virtual reality) conditional stereo effect. They don't seem to want to work together. I am likely just implementing this wrong. Here is the code but where is the mistake?</p>
  
  <p>In my Init()</p>
  
  <pre><code>effectPass = new THREE.ShaderPass(THREE.CopyShader);
  bloomPass = new THREE.BloomPass(2);
  renderPass = new THREE.RenderPass( scene, camera );
  
  composer = new THREE.EffectComposer(renderer);
  
  composer.addPass(renderPass);
  composer.addPass(bloomPass);
  composer.addPass(effectPass);
  
  effectPass.renderToScreen = true;
  renderer.autoClear = false;
  
  if (vr) {
      stereo = new THREE.StereoEffect(renderer);
      stereo.setSize( window.innerWidth, window.innerHeight );
  }
  </code></pre>
  
  <p>In my render()</p>
  
  <pre><code>renderer.clear();
  composer.render();
  
  renderFrame = requestAnimationFrame(render);
  if (vr) { stereo.render(scene, camera); }
  else { renderer.render(scene, camera); }
  </code></pre>