Outline shader looks translucent in AR, I want a opaque clean line

Questions
1

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 possible using the same?

currently it looks like this:

Screenshot_20230222-150208
Screenshot_20230222-150208907×1361 42.2 KB

as you can see the outline color looks different infront of a white background vs a black background.

setup used:

outlinePass = new OutlinePass(
      new THREE.Vector2(canvasWidth, canvasHeight),
      scene,
      camera
    );
    outlinePass.renderToScreen = true;
    outlinePass.edgeStrength = 10;
    outlinePass.edgeGlow = 1;
    outlinePass.edgeThickness = 1;
    outlinePass.pulsePeriod = 0;
outlinePass.visibleEdgeColor.set('#f96302');

appreciate any help! thanks!

2

No, since the outline is blended additively over the scene so you have to modify OutlinePass to prevent this from happening.