# \#outlinepass

**URL:** https://discourse.threejs.org/tag/outlinepass/664.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [Way to fix Performance/Lag using EffectComposer](https://discourse.threejs.org/t/way-to-fix-performance-lag-using-effectcomposer/20256)

<div class="topic-metadata">

**Author:** [@seramate07](https://discourse.threejs.org/u/seramate07)\
**Replies:** 2\
**Last updated:** [September 16, 2025, 1:50pm UTC](https://discourse.threejs.org/t/way-to-fix-performance-lag-using-effectcomposer/20256 "2025-09-16T13:50:33Z")

</div>

I want to build an app where you can customize Shoe parts color,texture etc… So I use raycasting to find individual mesh part on a model that i downloaded and with OutlinePass I highlight them. My issue is the Performa…

---

## [Highlighting mesh boundary edge](https://discourse.threejs.org/t/highlighting-mesh-boundary-edge/25561)

<div class="topic-metadata">

**Author:** [@Zeeshan\_Ali](https://discourse.threejs.org/u/Zeeshan_Ali)\
**Replies:** 4\
**Last updated:** [September 12, 2025, 6:25pm UTC](https://discourse.threejs.org/t/highlighting-mesh-boundary-edge/25561 "2025-09-12T18:25:37Z")

</div>

Hi, I am trying to achieve the result Searching, I closest I have come across is EdgesGeometry which highlights every single edge, but what I am looking for is just the boundary edges. Please help me out guys

---

## [Combine OutlinePass and multisampled WebGLRenderTarget](https://discourse.threejs.org/t/combine-outlinepass-and-multisampled-webglrendertarget/86482)

<div class="topic-metadata">

**Author:** [@Eisenbert](https://discourse.threejs.org/u/Eisenbert)\
**Replies:** 7\
**Last updated:** [August 26, 2025, 7:55am UTC](https://discourse.threejs.org/t/combine-outlinepass-and-multisampled-webglrendertarget/86482 "2025-08-26T07:55:54Z")

</div>

Hello, by using multisampled render target for EffectComposer my scene renders really nice… except for the OutlinePass, which has no anti aliasing at all (see screenshot below). I tried adding SMAAPass and/or FXAAPass af…

---

## [Drawing outlines makes my scene dark](https://discourse.threejs.org/t/drawing-outlines-makes-my-scene-dark/35095)

<div class="topic-metadata">

**Author:** [@erikpa1](https://discourse.threejs.org/u/erikpa1)\
**Replies:** 4\
**Last updated:** [June 10, 2025, 3:24pm UTC](https://discourse.threejs.org/t/drawing-outlines-makes-my-scene-dark/35095 "2025-06-10T15:24:55Z")

</div>

Hi I’m using outlines from example on threejs.org, but I have a little problem, I copied code from https://gltf-viewer.donmccurdy.com/ and everything works fine as you can see on this picture: But, when I impleme…

---

## [OutlinePass color trasparent](https://discourse.threejs.org/t/outlinepass-color-trasparent/76087)

<div class="topic-metadata">

**Author:** [@PashaGH](https://discourse.threejs.org/u/PashaGH)\
**Replies:** 2\
**Last updated:** [January 7, 2025, 9:46am UTC](https://discourse.threejs.org/t/outlinepass-color-trasparent/76087 "2025-01-07T09:46:09Z")

</div>

Hello All, Is it possible to make outline not transparent? Because on a black background the blue color looks like the real one (0,0,255), but on a light it doesn’t. I’m new to Three.js, so sorry if the question is st…

---

## [How to highlight the whole model instead of children?](https://discourse.threejs.org/t/how-to-highlight-the-whole-model-instead-of-children/65784)

<div class="topic-metadata">

**Author:** [@linwecan1991](https://discourse.threejs.org/u/linwecan1991)\
**Replies:** 2\
**Last updated:** [May 21, 2024, 6:43am UTC](https://discourse.threejs.org/t/how-to-highlight-the-whole-model-instead-of-children/65784 "2024-05-21T06:43:29Z")

</div>

hello!. I used outlinePasss to highlight the model when pointerMove, but it was not the result I wanted. The effect I want is to make the model as a whole highlight non-children. Like this… To achieve overall hig…

---

## [Why will there be jaggies even after using MSAA](https://discourse.threejs.org/t/why-will-there-be-jaggies-even-after-using-msaa/51239)

<div class="topic-metadata">

**Author:** [@YingJian-hu](https://discourse.threejs.org/u/YingJian-hu)\
**Replies:** 3\
**Last updated:** [December 6, 2023, 3:57pm UTC](https://discourse.threejs.org/t/why-will-there-be-jaggies-even-after-using-msaa/51239 "2023-12-06T15:57:09Z")

</div>

I used outlinepass in my application, and then used MSAA to anti-aliasing, so far I found that the anti-aliasing effect has taken effect, but when I pull the camera lens far away and render a certain angle, I will find s…

---

## [Strange looking effect when using OutlinePass](https://discourse.threejs.org/t/strange-looking-effect-when-using-outlinepass/57718)

<div class="topic-metadata">

**Author:** [@TobiasNoell](https://discourse.threejs.org/u/TobiasNoell)\
**Replies:** 2\
**Last updated:** [November 3, 2023, 1:00pm UTC](https://discourse.threejs.org/t/strange-looking-effect-when-using-outlinepass/57718 "2023-11-03T13:00:48Z")

</div>

In my scene, I am using an OutlinePass to indicate selected objects. Selected objects should be visualized with a red border. outlinePass = new OutlinePass(new THREE.Vector2(window.innerWidth, window.innerHeight), scen…

---

## [How to limit adding an outline effect only to the geometry object instead of the transform controls attach on it?](https://discourse.threejs.org/t/how-to-limit-adding-an-outline-effect-only-to-the-geometry-object-instead-of-the-transform-controls-attach-on-it/57135)

<div class="topic-metadata">

**Author:** [@Joe\_Perry](https://discourse.threejs.org/u/Joe_Perry)\
**Replies:** 2\
**Last updated:** [October 19, 2023, 7:20am UTC](https://discourse.threejs.org/t/how-to-limit-adding-an-outline-effect-only-to-the-geometry-object-instead-of-the-transform-controls-attach-on-it/57135 "2023-10-19T07:20:59Z")

</div>

How to limit adding an outline effect only to the geometry object instead of the transform controls attach on it? I have created a geometry and added a transform control attach on it. After adding an outline effect to t…

---

## [Conditionally toggle patternTexture for specific geometry in outlinePass](https://discourse.threejs.org/t/conditionally-toggle-patterntexture-for-specific-geometry-in-outlinepass/55020)

<div class="topic-metadata">

**Author:** [@Gangula](https://discourse.threejs.org/u/Gangula)\
**Replies:** 0\
**Last updated:** [August 16, 2023, 11:43am UTC](https://discourse.threejs.org/t/conditionally-toggle-patterntexture-for-specific-geometry-in-outlinepass/55020 "2023-08-16T11:43:28Z")

</div>

Is possible to conditionally toggle parrentTexture for a specific geometry in outlinePass? I’m trying to create a 3D application where the user can hover & click on a geometry. Hovering the geometry should display the…

---

## [How to add OutlinePass but not modify the default scene color?](https://discourse.threejs.org/t/how-to-add-outlinepass-but-not-modify-the-default-scene-color/53890)

<div class="topic-metadata">

**Author:** [@Hanjo\_dev](https://discourse.threejs.org/u/Hanjo_dev)\
**Replies:** 2\
**Last updated:** [July 14, 2023, 7:26am UTC](https://discourse.threejs.org/t/how-to-add-outlinepass-but-not-modify-the-default-scene-color/53890 "2023-07-14T07:26:05Z")

</div>

Hello, I tried to add OutlinePass to my project but it might change the scene color, is there any way to add OutlinePass but not change the scene color. Before add OutlinePass: After add OutlinePass:

---

## [Outline shader looks translucent in AR, I want a opaque clean line](https://discourse.threejs.org/t/outline-shader-looks-translucent-in-ar-i-want-a-opaque-clean-line/48320)

<div class="topic-metadata">

**Author:** [@Ritobrita\_De](https://discourse.threejs.org/u/Ritobrita_De)\
**Replies:** 1\
**Last updated:** [February 22, 2023, 10:50am UTC](https://discourse.threejs.org/t/outline-shader-looks-translucent-in-ar-i-want-a-opaque-clean-line/48320 "2023-02-22T10:50:35Z")

</div>

I am using the inbuilt Outline pass that comes with threejs to draw an outline around my model in threejs. It is translucent and the color gets affected by the camera background. I want a clean opaque outline. Is it poss…

---

## [Getting aliasing while using effect composer inspite of using antialiasing passes](https://discourse.threejs.org/t/getting-aliasing-while-using-effect-composer-inspite-of-using-antialiasing-passes/48292)

<div class="topic-metadata">

**Author:** [@Ritobrita\_De](https://discourse.threejs.org/u/Ritobrita_De)\
**Replies:** 1\
**Last updated:** [February 21, 2023, 4:30pm UTC](https://discourse.threejs.org/t/getting-aliasing-while-using-effect-composer-inspite-of-using-antialiasing-passes/48292 "2023-02-21T16:30:33Z")

</div>

Hello, I am trying to implement outline around model using outline pass in AR. I am getting nasty aliasing when I move away from the model, i.e. the model becomes smaller. I have tried different types of anti-aliasing …

---

## [OutlinePass for mutiple meshes question](https://discourse.threejs.org/t/outlinepass-for-mutiple-meshes-question/42309)

<div class="topic-metadata">

**Author:** [@HekunX](https://discourse.threejs.org/u/HekunX)\
**Replies:** 2\
**Last updated:** [September 8, 2022, 1:52am UTC](https://discourse.threejs.org/t/outlinepass-for-mutiple-meshes-question/42309 "2022-09-08T01:52:30Z")

</div>

I want to make sure that there is no occlusion between multiple objects that want to show the outline,What should i do? The effect I need like this :crazy\_face::

---

## [Outlinepass wrong face rendering](https://discourse.threejs.org/t/outlinepass-wrong-face-rendering/40383)

<div class="topic-metadata">

**Author:** [@doczoidberg](https://discourse.threejs.org/u/doczoidberg)\
**Replies:** 12\
**Last updated:** [July 17, 2022, 8:10am UTC](https://discourse.threejs.org/t/outlinepass-wrong-face-rendering/40383 "2022-07-17T08:10:13Z")

</div>

I use outlinepass but get weird rendering on several object edges. The face aren’t filled to the edges. The more I zoom in the more right it does look

---

## [How can I improve the performance of PostProcessing Outline ？](https://discourse.threejs.org/t/how-can-i-improve-the-performance-of-postprocessing-outline/32067)

<div class="topic-metadata">

**Author:** [@seanin](https://discourse.threejs.org/u/seanin)\
**Replies:** 1\
**Last updated:** [May 13, 2022, 5:44am UTC](https://discourse.threejs.org/t/how-can-i-improve-the-performance-of-postprocessing-outline/32067 "2022-05-13T05:44:37Z")

</div>

https://threejs.org/examples/?q=outline#webgl\_postprocessing\_outline When MY model is large, using the method in this case yields a double performance effect . If I turn this off and just use WebglRender, the performa…

---

## [Problem with OutlinePass and LOD](https://discourse.threejs.org/t/problem-with-outlinepass-and-lod/27699)

<div class="topic-metadata">

**Author:** [@Dmitry\_Mihaylov](https://discourse.threejs.org/u/Dmitry_Mihaylov)\
**Replies:** 3\
**Last updated:** [May 6, 2022, 11:47am UTC](https://discourse.threejs.org/t/problem-with-outlinepass-and-lod/27699 "2022-05-06T11:47:58Z")

</div>

Hi! My scene contains different objects and some of them are LOD. I am trying to add outline pass to highlight selected objects. When I select not LOD object it is highlighted as expected but alongside with it all LOD o…

---

## [Rendering issue with OutlinePass and WebGLMultisampleRenderTarget](https://discourse.threejs.org/t/rendering-issue-with-outlinepass-and-webglmultisamplerendertarget/33788)

<div class="topic-metadata">

**Author:** [@Markus\_Leist](https://discourse.threejs.org/u/Markus_Leist)\
**Replies:** 3\
**Last updated:** [January 21, 2022, 11:08am UTC](https://discourse.threejs.org/t/rendering-issue-with-outlinepass-and-webglmultisamplerendertarget/33788 "2022-01-21T11:08:26Z")

</div>

Hello there! I’m quite new to threejs and I’m preparing a sample project to figure out some workflows and ideas. I’m focusing on creating smooth, high-end looking visuals and therefore tried almost every form of AA in t…

---

## [OutlinePass for child meshes](https://discourse.threejs.org/t/outlinepass-for-child-meshes/15063)

<div class="topic-metadata">

**Author:** [@bergmam](https://discourse.threejs.org/u/bergmam)\
**Replies:** 5\
**Last updated:** [August 27, 2021, 7:10am UTC](https://discourse.threejs.org/t/outlinepass-for-child-meshes/15063 "2021-08-27T07:10:56Z")

</div>

I am trying to use the OutlinePass example to outline meshes that can possibly be children of other meshes. I also stumbled across this thread https://github.com/mrdoob/three.js/issues/15075 where the poster had the sam…

---

## [How to use outlinePass to a line object](https://discourse.threejs.org/t/how-to-use-outlinepass-to-a-line-object/27767)

<div class="topic-metadata">

**Author:** [@bighansen](https://discourse.threejs.org/u/bighansen)\
**Replies:** 3\
**Last updated:** [July 4, 2021, 7:42am UTC](https://discourse.threejs.org/t/how-to-use-outlinepass-to-a-line-object/27767 "2021-07-04T07:42:16Z")

</div>

I can add the outline effect to a mesh object , but it not works on a line, why?

---

## [Outline shader of connected objects in projected context?](https://discourse.threejs.org/t/outline-shader-of-connected-objects-in-projected-context/23821)

<div class="topic-metadata">

**Author:** [@k\_so](https://discourse.threejs.org/u/k_so)\
**Replies:** 0\
**Last updated:** [February 25, 2021, 5:23am UTC](https://discourse.threejs.org/t/outline-shader-of-connected-objects-in-projected-context/23821 "2021-02-25T05:23:09Z")

</div>

Hello :slight\_smile: I found exactly same question I have now in stackoverflow however the solution has not good performance I tired boundingbox too the problem is boundingbox can’t find the intersection of objects…

---

## [How do I outline a group of meshes?](https://discourse.threejs.org/t/how-do-i-outline-a-group-of-meshes/23693)

<div class="topic-metadata">

**Author:** [@Lonely\_Wanderer](https://discourse.threejs.org/u/Lonely_Wanderer)\
**Replies:** 3\
**Last updated:** [February 26, 2021, 4:10pm UTC](https://discourse.threejs.org/t/how-do-i-outline-a-group-of-meshes/23693 "2021-02-26T16:10:05Z")

</div>

I want to use the Outline Pass on a gltf object that is composed of several meshes. Now, I can do it perfectly with Raycasting + Outline Pass when an object has one mesh, but when I hover over an object with several mesh…

---

## [OutlinePass Will add a frame to the unselected model](https://discourse.threejs.org/t/outlinepass-will-add-a-frame-to-the-unselected-model/22945)

<div class="topic-metadata">

**Author:** [@treasureMoment](https://discourse.threejs.org/u/treasureMoment)\
**Replies:** 1\
**Last updated:** [January 29, 2021, 1:03pm UTC](https://discourse.threejs.org/t/outlinepass-will-add-a-frame-to-the-unselected-model/22945 "2021-01-29T13:03:15Z")

</div>

When a model is selected, some irrelevant models will be added to the outer border The following is abnormal The model next to it is normal how to solve this problem?

---

## [OutlinePass color and antialiazing](https://discourse.threejs.org/t/outlinepass-color-and-antialiazing/22838)

<div class="topic-metadata">

**Author:** [@Fluqz](https://discourse.threejs.org/u/Fluqz)\
**Replies:** 1\
**Last updated:** [January 27, 2021, 4:24pm UTC](https://discourse.threejs.org/t/outlinepass-color-and-antialiazing/22838 "2021-01-27T16:24:39Z")

</div>

Hey, im trying to use the OutlinePass in my project. The scene ive created is mostly white so im trying to get a outline that is black or colored. The problem is that the outline is always somewhat whitish/unsaturated wh…

---

## [Outlinepass and alpha in firefox brocken](https://discourse.threejs.org/t/outlinepass-and-alpha-in-firefox-brocken/22058)

<div class="topic-metadata">

**Author:** [@fleixi](https://discourse.threejs.org/u/fleixi)\
**Replies:** 3\
**Last updated:** [January 2, 2021, 11:36am UTC](https://discourse.threejs.org/t/outlinepass-and-alpha-in-firefox-brocken/22058 "2021-01-02T11:36:45Z")

</div>

I using the OutlinePass on a transparent or white background. If i don’t set the alpha-value of the webglrenderer to true and using a white background i get this output: u see that the part with a white background i…

---

## [OutlinePass with EffectComposer or OutlineEffect?](https://discourse.threejs.org/t/outlinepass-with-effectcomposer-or-outlineeffect/19790)

<div class="topic-metadata">

**Author:** [@kyob](https://discourse.threejs.org/u/kyob)\
**Replies:** 6\
**Last updated:** [October 15, 2020, 5:31pm UTC](https://discourse.threejs.org/t/outlinepass-with-effectcomposer-or-outlineeffect/19790 "2020-10-15T17:31:38Z")

</div>

I’m using OutlinePass with EffectComposer. But I found its resolution is a serious problem even with FxAA, so is its performance. I haven’t tried OutlineEffect, but it looks better, I wonder if it’s really better and t…

---

## [Points rendering problem on mobile with outline pass](https://discourse.threejs.org/t/points-rendering-problem-on-mobile-with-outline-pass/19173)

<div class="topic-metadata">

**Author:** [@Norppa](https://discourse.threejs.org/u/Norppa)\
**Replies:** 1\
**Last updated:** [September 28, 2020, 9:07am UTC](https://discourse.threejs.org/t/points-rendering-problem-on-mobile-with-outline-pass/19173 "2020-09-28T09:07:37Z")

</div>

I have a problem with mobile devices when rendering moving points with outline post processing enabled. The points seem to get the outline as well at their center. I was able to reproduce this with a fiddle and the probl…

---

## [outlinePass with transform control](https://discourse.threejs.org/t/outlinepass-with-transform-control/18722)

<div class="topic-metadata">

**Author:** [@RAUMIK\_RANA](https://discourse.threejs.org/u/RAUMIK_RANA)\
**Replies:** 2\
**Last updated:** [September 16, 2020, 8:07am UTC](https://discourse.threejs.org/t/outlinepass-with-transform-control/18722 "2020-09-16T08:07:05Z")

</div>

I am using outlinePass for outline my mesh object. I added mesh into outlinePass.selectedObjects array. Then I also print that value to confirm there is only one mesh in that array. but when I add transformcontols on …

---

## [Got TypeError when using OutlinePass to render my gltf model](https://discourse.threejs.org/t/got-typeerror-when-using-outlinepass-to-render-my-gltf-model/18277)

<div class="topic-metadata">

**Author:** [@11144](https://discourse.threejs.org/u/11144)\
**Replies:** 0\
**Last updated:** [August 30, 2020, 7:13am UTC](https://discourse.threejs.org/t/got-typeerror-when-using-outlinepass-to-render-my-gltf-model/18277 "2020-08-30T07:13:49Z")

</div>

I have a bunch of animated gltf models which should be outlined when user hover on any of it. I think OutlinePass should work well. Actually, when I apply OutlinePass to spheres, it works well as expected. But when I did…

---

## [OutlinePass does not show correctly](https://discourse.threejs.org/t/outlinepass-does-not-show-correctly/15970)

<div class="topic-metadata">

**Author:** [@AlanXin](https://discourse.threejs.org/u/AlanXin)\
**Replies:** 10\
**Last updated:** [June 10, 2020, 8:45am UTC](https://discourse.threejs.org/t/outlinepass-does-not-show-correctly/15970 "2020-06-10T08:45:21Z")

</div>

Dear All, This is my code below, but the outline didn’t show correctly~~~~ The outline only show if the no overlapping part between cube and plain (as img below) Please help me to find the missing part or errors~~~ T…

[Next page](https://discourse.threejs.org/tag/outlinepass/664.md?match_all_tags=true&page=1&tags%5B%5D=outlinepass)