title: BokehPass inconsistent results
body: <p>BokehPass is giving me some strange results. FilmPass and BloomPass have no effect on the issue. Code:</p>
  
  <pre><code>var renderer = new THREE.WebGLRenderer({antialias:true});
  renderer.setSize( window.innerWidth, window.innerHeight );
  document.body.appendChild( renderer.domElement );
  
  
  var scene = new THREE.Scene();
  scene.background = new THREE.Color( 0xc3defc );
  var camera = new THREE.PerspectiveCamera( 85, window.innerWidth / window.innerHeight, 1, 1000 );
  camera.position.set(20,1,20);
  camera.rotation.y = .8;
  var light = new THREE.HemisphereLight( 0xffffff, 0x080820, 1 );
  scene.add( light );
  
  var composer = new THREE.EffectComposer( renderer );
  var bokehPass = new THREE.BokehPass( scene, camera, {
      focus:  100.0,
      aperture:   0.00001,
      maxblur:    1.0,
      width: window.innerWidth,
      height: window.innerHeight
  } );
  bokehPass.renderToScreen = true;
  
  composer.addPass( new THREE.RenderPass( scene, camera ) );
  composer.addPass( new THREE.FilmPass( 0.3, 0, 0, false ) );
  composer.addPass( new THREE.BloomPass( .2 ) );
  composer.addPass( bokehPass );
  
  renderer.autoClear = false;
  
  console.log(composer);
  
  
  var loader = new THREE.OBJLoader();
  loader.load(
      'main1.obj',
      function ( object ) {
  
          scene.add( object );
      }
  );
  
  
  var animate = function () {
                  requestAnimationFrame( animate );
                  composer.render();
                  camera.position.z -= 0.001;
  };
  
  animate();
  </code></pre>
  
  <p>Pic:
  <a href="https://i.imgur.com/8b79EvR.jpg" rel="nofollow noreferrer">https://i.imgur.com/8b79EvR.jpg</a>
  Those are not JPG artefacts.</p>
  
  <p>This is with aperture value of 0.1, it gets even crazier:
  <a href="https://i.imgur.com/7xhsYJy.jpg" rel="nofollow noreferrer">https://i.imgur.com/7xhsYJy.jpg</a> </p>
  
  <p>Any clue what is happening here? Thanks!</p>