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.

[ynamite]

Any updates on this? The codesandbox from @denkravchu is gone, sadly

[timmevandermeer]

Have solved this similarly to @denkravchu, by forking View and using a EffectComposer in there (in the Container component) in stead of the regular renderer (on this line https://github.com/pmndrs/drei/blob/71864076c35c3b4f201cd9518da873eff7dc90a1/src/web/View.tsx#L138)

[ynamite]

@timmevandermeer thanks a lot!
When you say EffectComposer, do you mean EffectComposer from @react-three/postprocessing or effectComposer from three JS postprocessing? Either way, some example code would help a lot. I'm a bit new to this.

[ynamite]

Now EffectComposer is working with the original View.tsx from Drei. It requires a wrapper that basically takes over EffectComposer rendering and renders a contents view to a texture to handle transparency:
https://codesandbox.io/p/sandbox/twilight-browser-7235jd

Some more info here: pmndrs/drei#1413
It requires a slightly modified EffectComposer, due to a bug mentioned here: #285