how to achieve a cross fade between different came

Question

Is it possible, and if so, what is the best way to achieve the following effect in three.js:

I am displaying scene S1 as viewed from camera C1and from there:

1. crossfade to scene S2 as viewed from camera C2, or
2. crossfade to scene S1 as seen from camera C3

Any assistance helping me think about this will be greatly appreciated!

Answer 1

Something like this is pretty easy:

• Use 2 rendertargets to draw the different scenes from the different cameras
• Use both rendertargets with this blend shader https://github.com/mrdoob/three.js/blob/master/examples/js/ShaderExtras.js#L1099