mrdoob/three.js — Issue #664: Q: how best to cross fade scenes in three.js?
Author: cscott
Created: 2011-10-20 05:22:11+00:00
State: open

I've got two scenes, one of which is a coarser resolution version of the other. When I do a quick "zoom in" animation on the one, I want to actually cross-fade to the zoom-in animation on the other. What's the best way to cross-fade between scenes using three.js? One option that comes to mind is rendering both to a texture, and then having a third scene which just consists of variable opacity planes with the appropriate textures. The other option is to have two elements and use CSS properties to blend them. Is there a better way?