# How to use post processing effects only on a single object?

**URL:** <https://discourse.threejs.org/t/how-to-use-post-processing-effects-only-on-a-single-object/42792>\
**Category:** Questions\
**Tags:** post-processing\
**Created:** [September 21, 2022, 3:25pm UTC](https://discourse.threejs.org/t/how-to-use-post-processing-effects-only-on-a-single-object/42792 "2022-09-21T15:25:53Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![nkzmi](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/nkzmi/32/29699_2.png) [@nkzmi](https://discourse.threejs.org/u/nkzmi)\
**Post date:** [September 21, 2022, 3:25pm UTC](https://discourse.threejs.org/t/how-to-use-post-processing-effects-only-on-a-single-object/42792/1 "2022-09-21T15:25:53Z")

</div>

Hi there,

I know it is possible to use the post proccessing FX only on a single object, but it didnt worked in my project. I tried to wrap the outline effect in a EffectComposer component and then I wrapped the select component over a sphere object, just like in the documentation.

This is the code:

```javascript
 <Selection>
        <EffectComposer>
          <Outline edgeStrength={100} />
        </EffectComposer>

        <Select enabled>
          <Sphere scale={scale} position={position} outline={Outline}>
            <meshStandardMaterial color={color} wireframe={wireframe} />
          </Sphere>
        </Select>
      </Selection>

```

Unfortunately it is not working like this and I am not sure what I do wrong. As far as I know, it is not possible with all effects to just use it for single object, but it should be possible with outline and noise.

Here is an example from the noise effect which is just used on a single object:

![Screenshot 2022-09-21 at 17.15.38](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/5/5/55f190145dda6c70b9ac71c38aad6619870b1aec.png)

Can someone please help me please?

---

<div class="post-metadata">

**Author:** ![nkzmi](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/nkzmi/32/29699_2.png) [@nkzmi](https://discourse.threejs.org/u/nkzmi)\
**Post date:** [September 22, 2022, 6:14pm UTC](https://discourse.threejs.org/t/how-to-use-post-processing-effects-only-on-a-single-object/42792/2 "2022-09-22T18:14:03Z")

</div>

I am still trying to make it work, but somehow it isnt working…

Maybe someone can give me a hint? 🥴

---

<div class="post-metadata">

**Author:** ![drcmda](https://avatars.discourse-cdn.com/v4/letter/d/91b2a8/32.png) [@drcmda](https://discourse.threejs.org/u/drcmda)\
**Post date:** [September 22, 2022, 7:59pm UTC](https://discourse.threejs.org/t/how-to-use-post-processing-effects-only-on-a-single-object/42792/3 "2022-09-22T19:59:36Z")

</div>

it works only for a few effects like outline, ssr and bloom. effects have to support it explicitely. here’s outline for instance: [Selective outlines - CodeSandbox](https://codesandbox.io/s/selective-outlines-d36mw?file=/src/App.js)

for plain react + three stuff i’d suggest pmndrs discord, the author of postprocessing is there as well. here i think it must be quite jarring for most people to see too much jsx.

---

<div class="post-metadata">

**Author:** ![nkzmi](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/nkzmi/32/29699_2.png) [@nkzmi](https://discourse.threejs.org/u/nkzmi)\
**Post date:** [October 18, 2022, 12:13pm UTC](https://discourse.threejs.org/t/how-to-use-post-processing-effects-only-on-a-single-object/42792/4 "2022-10-18T12:13:23Z")

</div>

Finally I found out that it is not possible to use the noise effect for a single object. However there is a work around which can make it possible anyway. As far as I know we could create a noise effect with different shaders. Does anyone knows a good tutorial on how to use shaders within Three.js?

---

<div class="post-metadata">

**Author:** ![codemilli](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/codemilli/32/45919_2.png) [@codemilli](https://discourse.threejs.org/u/codemilli)\
**Post date:** [April 19, 2024, 5:52pm UTC](https://discourse.threejs.org/t/how-to-use-post-processing-effects-only-on-a-single-object/42792/5 "2024-04-19T17:52:38Z")

</div>

> [@nkzmi](#):
>
> ```javascript
> <EffectComposer>
> <Outline edgeStrength={100} />
> 
> ```

Thank you, do you have any reference why we cannot create the noise effect only for a single mesh?