# Streaks appear after postprocessing is enabled on apple devices(iphone、macbook)

**URL:** <https://discourse.threejs.org/t/streaks-appear-after-postprocessing-is-enabled-on-apple-devices-iphone-macbook/55245>\
**Category:** Questions\
**Tags:** logarithmicdepthbuffer, post-processing\
**Created:** [August 22, 2023, 10:32am UTC](https://discourse.threejs.org/t/streaks-appear-after-postprocessing-is-enabled-on-apple-devices-iphone-macbook/55245 "2023-08-22T10:32:15Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kasey](https://avatars.discourse-cdn.com/v4/letter/k/dec6dc/32.png) [@Kasey](https://discourse.threejs.org/u/Kasey)\
**Post date:** [August 22, 2023, 10:32am UTC](https://discourse.threejs.org/t/streaks-appear-after-postprocessing-is-enabled-on-apple-devices-iphone-macbook/55245/1 "2023-08-22T10:32:15Z")

</div>

It runs well before I add LUTPass.  
 ![before add lutpass](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/8/c/8cc314db2069c61120ee828229fd4c6cc39ac116.png)  
But after I add LUTPass, black streaks appear on the screen.  
 ![Xnip2023-08-22_16-49-34](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/1/8/18cacb622ca181fb0b636402e6a1c0bb198034a1.png)  
How to fix this problem?

---

<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:** [August 22, 2023, 11:01am UTC](https://discourse.threejs.org/t/streaks-appear-after-postprocessing-is-enabled-on-apple-devices-iphone-macbook/55245/2 "2023-08-22T11:01:30Z")

</div>

Do you also see this issue with the official demo? [three.js webgl - 3d luts](https://threejs.org/examples/webgl_postprocessing_3dlut)

Besides, do you mind sharing more information about your devices e.g. OS version, GPU and with what browsers you have tested?

---

<div class="post-metadata">

**Author:** ![Kasey](https://avatars.discourse-cdn.com/v4/letter/k/dec6dc/32.png) [@Kasey](https://discourse.threejs.org/u/Kasey)\
**Post date:** [August 22, 2023, 11:08am UTC](https://discourse.threejs.org/t/streaks-appear-after-postprocessing-is-enabled-on-apple-devices-iphone-macbook/55245/3 "2023-08-22T11:08:20Z")

</div>

Macbook pro 2018 intel cpu  
Radeon Pro 560X 4 GB  
And I test it on iphone11. Also have this problem.  
But my Android phone Redme k40 pro (Snapdragon 888) is ok.

I found that this problem is not only caused by enabling lutpass, but also other post-processing passes, such as SMAAPass

---

<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:** [August 22, 2023, 11:12am UTC](https://discourse.threejs.org/t/streaks-appear-after-postprocessing-is-enabled-on-apple-devices-iphone-macbook/55245/4 "2023-08-22T11:12:08Z")

</div>

What is the macOS and iOS version of both devices?

---

<div class="post-metadata">

**Author:** ![Kasey](https://avatars.discourse-cdn.com/v4/letter/k/dec6dc/32.png) [@Kasey](https://discourse.threejs.org/u/Kasey)\
**Post date:** [August 22, 2023, 11:16am UTC](https://discourse.threejs.org/t/streaks-appear-after-postprocessing-is-enabled-on-apple-devices-iphone-macbook/55245/5 "2023-08-22T11:16:40Z")

</div>

I tried to replace the model in this example with my model, and this problem also exists.  
I also tried to write a simple shader. In the fragmentShader, the color of the picture is directly output, and there will be such a result.  
code like this:

```javascript
vertexShader: /* glsl */ `
      precision highp float;
      varying vec2 vUv;
      void main() {
        vUv = uv;
        gl_Position = vec4( position, 1.0 );
      }
`
  fragmentShader: /* glsl */ `
      precision highp float;
      uniform sampler2D tDiffuse;
      varying vec2 vUv;
    
      void main() {
        vec4 originalColor = texture2D(tDiffuse, vUv);
        gl_FragColor = originalColor;
      }
`

```

---

<div class="post-metadata">

**Author:** ![Kasey](https://avatars.discourse-cdn.com/v4/letter/k/dec6dc/32.png) [@Kasey](https://discourse.threejs.org/u/Kasey)\
**Post date:** [August 22, 2023, 11:17am UTC](https://discourse.threejs.org/t/streaks-appear-after-postprocessing-is-enabled-on-apple-devices-iphone-macbook/55245/6 "2023-08-22T11:17:45Z")

</div>

Macos is 13.5  
iphone 11 ios 17.0 beta  
and iphone 14 pro ios 16.5.1

---

<div class="post-metadata">

**Author:** ![Kasey](https://avatars.discourse-cdn.com/v4/letter/k/dec6dc/32.png) [@Kasey](https://discourse.threejs.org/u/Kasey)\
**Post date:** [August 22, 2023, 11:26am UTC](https://discourse.threejs.org/t/streaks-appear-after-postprocessing-is-enabled-on-apple-devices-iphone-macbook/55245/7 "2023-08-22T11:26:41Z")

</div>

Currently I have adopted a way to temporarily fix this problem. After I scaled the model to a small value (0.05), it behaved normally in most cases. But if my camera is far away, this problem will still exist.

---

<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:** [August 22, 2023, 1:00pm UTC](https://discourse.threejs.org/t/streaks-appear-after-postprocessing-is-enabled-on-apple-devices-iphone-macbook/55245/8 "2023-08-22T13:00:15Z")

</div>

Maybe this issue is related to depth precision. Do you see any improvements by enabling logarithmic depth buffer? You can do this by setting the `logarithmicDepthBuffer` ctor parameter of `WebGLRenderer` to `true`.

---

<div class="post-metadata">

**Author:** ![Kasey](https://avatars.discourse-cdn.com/v4/letter/k/dec6dc/32.png) [@Kasey](https://discourse.threejs.org/u/Kasey)\
**Post date:** [August 23, 2023, 2:45am UTC](https://discourse.threejs.org/t/streaks-appear-after-postprocessing-is-enabled-on-apple-devices-iphone-macbook/55245/9 "2023-08-23T02:45:58Z")

</div>

Yes, the first thing I thought of when I found this problem was the problem of depth precision.  
I tried setting the WebGLRenderer’s logarithmicDepthBuffer property to true, but that didn’t help the end result.  
I also tried setting the side property of all materials to FrontSide, but only a small part of the stripes disappeared, and most of the stripes still existed.  
Now I know that the black stripes are caused by aoMap. After I set aoMapIntensity to 0, the black stripes disappear, but the frame is still abnormal.  
 ![Xnip2023-08-23_10-44-56](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/4/6/46b344e002e52ed61b572701fd4ddb68faa311aa.png)

---

<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:** [August 23, 2023, 8:59am UTC](https://discourse.threejs.org/t/streaks-appear-after-postprocessing-is-enabled-on-apple-devices-iphone-macbook/55245/10 "2023-08-23T08:59:34Z")

</div>

Any chances to demonstrate the issue with a live example?

---

<div class="post-metadata">

**Author:** ![Kasey](https://avatars.discourse-cdn.com/v4/letter/k/dec6dc/32.png) [@Kasey](https://discourse.threejs.org/u/Kasey)\
**Post date:** [August 23, 2023, 11:30am UTC](https://discourse.threejs.org/t/streaks-appear-after-postprocessing-is-enabled-on-apple-devices-iphone-macbook/55245/11 "2023-08-23T11:30:30Z")

</div>

I have solved this problem by using logarithmicDepthBuffer. It didn’t work before because I set it wrong. I didn’t set it when constructing WebGLRenderer, but set the property of renderer directly. What a stupid mistake.  
Thank you for your reply.