# Post processing in release 106

**URL:** <https://discourse.threejs.org/t/post-processing-in-release-106/8742>\
**Category:** Questions\
**Tags:** post-processing\
**Created:** [July 28, 2019, 9:52am UTC](https://discourse.threejs.org/t/post-processing-in-release-106/8742 "2019-07-28T09:52:46Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![bugsbun1](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/bugsbun1/32/6523_2.png) [@bugsbun1](https://discourse.threejs.org/u/bugsbun1)\
**Post date:** [July 28, 2019, 9:52am UTC](https://discourse.threejs.org/t/post-processing-in-release-106/8742/1 "2019-07-28T09:52:46Z")

</div>

Hello guys I recently tried to add postprocessing with the latest threejs release 106.

As soon as i add the effect to my composer , my screen goes black with no errors .

Can somebody help me with this. This is my effectcomposer code:

```auto
var composer = new THREE.EffectComposer(renderer);

var renderPass = new THREE.RenderPass(scene, camera);
composer.addPass(renderPass);
renderPass.renderToScreen = true;

var sepiaPass = new THREE.ShaderPass(THREE.SepiaShader);
composer.addPass(sepiaPass);
//sepiaPass.renderToScreen = true;

var render = function () {
 //renderer.render(scene, camera);
 composer.render();

  requestAnimationFrame( render );

};

render();

```

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [July 28, 2019, 9:57am UTC](https://discourse.threejs.org/t/post-processing-in-release-106/8742/2 "2019-07-28T09:57:10Z")

</div>

I’m unable to reproduce: [https://jsfiddle.net/b2c6g3hx/](https://jsfiddle.net/b2c6g3hx/)

Notice that it’s not necessary anymore to set `renderToScreen`. The last pass in the pass chain is automatically rendered to screen.

---

<div class="post-metadata">

**Author:** ![georgewaraw](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/georgewaraw/32/6497_2.png) [@georgewaraw](https://discourse.threejs.org/u/georgewaraw)\
**Post date:** [July 28, 2019, 8:55pm UTC](https://discourse.threejs.org/t/post-processing-in-release-106/8742/3 "2019-07-28T20:55:33Z")

</div>

This could be several different things. Mind sharing the rest of the code (including your index.html)?

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [July 29, 2019, 12:16pm UTC](https://discourse.threejs.org/t/post-processing-in-release-106/8742/5 "2019-07-29T12:16:52Z")

</div>

Can you please share your entire project with all files (not just `index.html`) as a github repo?

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [July 29, 2019, 1:18pm UTC](https://discourse.threejs.org/t/post-processing-in-release-106/8742/7 "2019-07-29T13:18:50Z")

</div>

You are using `R94` but examples files from later releases. The [documentation](https://threejs.org/docs/index.html#manual/en/introduction/Import-via-modules) says:

> When using code from the examples directory, it’s important that all files match the version of your three.js main file. For example, it’s not acceptable to use **GLTFLoader** and **OrbitControls** from R96 together with three.js R103.

If I switch to the latest `three.js` version R106, everything works fine.

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/f/f20ee5e44f3a419a0aa447cd3b13b6add26f105f.jpeg)

BTW: Consider to develop with the [three](https://www.npmjs.com/package/three) npm package and try to focus on a ES6 module based workflow to avoid such problems.