Function createPostFX

src/postfx.js:72–142

({ renderer, scene, camera, samples = 4 })

};

export function createPostFX({ renderer, scene, camera, samples = 4 }) {
  const w = window.innerWidth;
  const h = window.innerHeight;
  const maxSamples = renderer.capabilities.maxSamples; // WebGL2 hardware cap

  // MSAA can only happen INSIDE the composer — the renderer's own `antialias`
  // flag is ignored once we render through render targets. So we give the
  // composer a multisampled float target; `setSamples` rebuilds it on demand.
  function makeRenderTarget(n) {
    const dpr = renderer.getPixelRatio();
    const rt = new THREE.WebGLRenderTarget(
      Math.floor(window.innerWidth * dpr),
      Math.floor(window.innerHeight * dpr),
      { type: THREE.HalfFloatType }
    );
    rt.samples = Math.min(n, maxSamples);
    return rt;
  }

  const composer = new EffectComposer(renderer, makeRenderTarget(samples));
  composer.addPass(new RenderPass(scene, camera));

  // Clouds (see clouds.js): a low-res volumetric raymarch composited at full
  // res, right after Render so DoF/bloom/grade all affect it.
  const fog = createClouds({ renderer, scene, camera });
  composer.addPass(fog.compositePass);

  const bokeh = new BokehPass(scene, camera, {
    focus: 9.7,
    aperture: 0.0012,
    maxblur: 0.005,
  });
  composer.addPass(bokeh);

  const bloom = new UnrealBloomPass(new THREE.Vector2(w, h), 0.04, 0.7, 0.62);
  composer.addPass(bloom);

  composer.addPass(new OutputPass()); // tone mapping + sRGB

  const grade = new ShaderPass(FilmGradeShader);
  composer.addPass(grade); // last -> renders to screen, in display space

  function setSize(width, height) {
    composer.setSize(width, height);
    bloom.setSize(width, height);
    fog.setSize();
  }
  setSize(w, h);

  // Swap the composer's ping-pong buffers for ones with a new sample count.
  function setSamples(n) {
    composer.reset(makeRenderTarget(n)); // disposes the old targets for us
    setSize(window.innerWidth, window.innerHeight); // re-sync pass sizes
  }

  return {
    composer,
    bokeh,