EffectComposer doesn't play nicely with drei/View

[tarabishy2020]

Whenever Effects are placed as part of a View, nothing is rendered properly.

https://codesandbox.io/s/view-skissor-forked-g84lwh?file=/src/App.js

[ThimoDEV]

Did someone find a solution to make this work?

[denkravchu]

Faced the same problem.

[ghost]

Me too.

[denkravchu]

Me too.

Partable solution.

I have not yet figured out how to use the EffectComposer if you overlay two scenes on top of each other, because the alpha channel is lost. However, if an alpha channel is not required, the best solution i found would be to make your own view component and use the THREEJS effectComposer inside it, like in this example https://codesandbox.io/s/r3f-hud-forked-z625d2?file=/src/index.js (just add there threejs scissors and ull get what u need).

Also i tried using EffectComposer from postprocessing library, sometimes it works sometimes it doesn’t, but it’s also quite possible to set it up for a specific situation by playing in the priority for rendering.

I'll post again if Ill find a better solution.