# Antialiasing not working in outlinepass

**URL:** <https://discourse.threejs.org/t/antialiasing-not-working-in-outlinepass/19575>\
**Category:** Questions\
**Tags:** post-processing\
**Created:** [October 9, 2020, 8:53am UTC](https://discourse.threejs.org/t/antialiasing-not-working-in-outlinepass/19575 "2020-10-09T08:53:20Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![zypy333](https://avatars.discourse-cdn.com/v4/letter/z/e19adc/32.png) [@zypy333](https://discourse.threejs.org/u/zypy333)\
**Post date:** [October 9, 2020, 8:53am UTC](https://discourse.threejs.org/t/antialiasing-not-working-in-outlinepass/19575/1 "2020-10-09T08:53:20Z")

</div>

I want to use oulinePass and I found antialiasing not working in my code,and when I use the outlinePass the picture turned to be very dark ,why? Please help me to find what`s wrong with it.And this is my demo: [http://jsfiddle.net/zypy333/rc1tgvep/105/](http://jsfiddle.net/zypy333/rc1tgvep/105/)

Thank you very much!

---

<div class="post-metadata">

**Author:** ![hopepdm](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/hopepdm/32/1370_2.png) [@hopepdm](https://discourse.threejs.org/u/hopepdm)\
**Post date:** [October 9, 2020, 9:11am UTC](https://discourse.threejs.org/t/antialiasing-not-working-in-outlinepass/19575/2 "2020-10-09T09:11:17Z")

</div>

yeah，when use outlinepass , webglrenderer property antialias equal true will not work。。。if u want it work, could try fxaapass.

[https://threejs.org/examples/?q=post#webgl\_postprocessing\_fxaa](https://threejs.org/examples/?q=post#webgl_postprocessing_fxaa)

---

<div class="post-metadata">

**Author:** ![zypy333](https://avatars.discourse-cdn.com/v4/letter/z/e19adc/32.png) [@zypy333](https://discourse.threejs.org/u/zypy333)\
**Post date:** [October 9, 2020, 9:25am UTC](https://discourse.threejs.org/t/antialiasing-not-working-in-outlinepass/19575/4 "2020-10-09T09:25:31Z")

</div>

i have used the fxaapass in thisdemo ,but it didn`t work too

---

<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:** [October 9, 2020, 9:52am UTC](https://discourse.threejs.org/t/antialiasing-not-working-in-outlinepass/19575/5 "2020-10-09T09:52:54Z")

</div>

FXAA is actually used in your demo. You can see the difference if you open two windows and comment out the pass in one of them.

---

<div class="post-metadata">

**Author:** ![zypy333](https://avatars.discourse-cdn.com/v4/letter/z/e19adc/32.png) [@zypy333](https://discourse.threejs.org/u/zypy333)\
**Post date:** [October 9, 2020, 10:34am UTC](https://discourse.threejs.org/t/antialiasing-not-working-in-outlinepass/19575/6 "2020-10-09T10:34:12Z")

</div>

oh, that`s true ,using FXAA is a little better than not using it,but I`m not satisfied with it, compared with antialiasing with no postprocessing ,the edge is still not smooth enough, is there any solution to make the antialiasing closed to the effect before using outLinePass?

---

<div class="post-metadata">

**Author:** ![felixmariotto](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/felixmariotto/32/5928_2.png) [@felixmariotto](https://discourse.threejs.org/u/felixmariotto)\
**Post date:** [October 9, 2020, 2:47pm UTC](https://discourse.threejs.org/t/antialiasing-not-working-in-outlinepass/19575/7 "2020-10-09T14:47:27Z")

</div>

There is other options than FXAA, I understand that [SMAA](https://threejs.org/examples/?q=aa#webgl_postprocessing_smaa) gives better results but is more expensive.

Note that FXAA is a really good trade-off though, it’s less expensive than what you get normally with `antialias: true` ( MSAA I think )

---

<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:** [October 9, 2020, 3:11pm UTC](https://discourse.threejs.org/t/antialiasing-not-working-in-outlinepass/19575/8 "2020-10-09T15:11:31Z")

</div>

If you can rely on WebGL 2, you might want to work with multisampled render targets:

> **[three.js WebGL 2 - Multisampled Renderbuffers](https://threejs.org/examples/webgl2_multisampled_renderbuffers)**

---

<div class="post-metadata">

**Author:** ![zypy333](https://avatars.discourse-cdn.com/v4/letter/z/e19adc/32.png) [@zypy333](https://discourse.threejs.org/u/zypy333)\
**Post date:** [October 10, 2020, 3:00am UTC](https://discourse.threejs.org/t/antialiasing-not-working-in-outlinepass/19575/9 "2020-10-10T03:00:04Z")

</div>

It works! Thanks a lot !

May I ask another question?Why the model get darker when using outlinePass? How can I ajust the color  
to the brightness before using outLinePass.

---

<div class="post-metadata">

**Author:** ![markokitanoski](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/markokitanoski/32/22687_2.png) [@markokitanoski](https://discourse.threejs.org/u/markokitanoski)\
**Post date:** [December 7, 2021, 4:37pm UTC](https://discourse.threejs.org/t/antialiasing-not-working-in-outlinepass/19575/10 "2021-12-07T16:37:59Z")

</div>

What have you done then to get sutisfied antialasing? I have the same problem currently. Antialasing is not working with FXAA or if it is, I am not satisfied with the result.