Three.js:具有缩放和混合效果的过渡2纹理

Question

我正试图顺利过渡，从一个全景立方体图像到另一个，以实现穿行的效果，在房间内。我用这样本作为启动，场景，相机，网格SkyBox都设置好了。现在，我正在考虑转换成一个新的全景立方体的最佳方法，这样一个立方体图像就会放大，并融入另一个立方体，就像用户在房间里散步一样。

我曾经想过有第二个场景和第二个摄像头，因为旧的图像需要放大和淡出，而新的图像需要放大和淡入以实现非常平稳的过渡。我在这里遇到了一些挑战，同时显示了2幅图像。当sceneA出现并用以下内容覆盖时，旧的SceneB是不可见的：

renderer.clear();//multi-scene
if(sceneA && cameraA)
        renderer.render( sceneA, cameraA );
renderer.clearDepth();
renderer.render( sceneB, cameraB );

但即使修复了，如果这是一种正确的方法，我会再考虑一下。我想尝试纹理转换，也许。我找不到例子，也不知道怎么做。

如何使用场景或纹理的不同来源平稳地从一个可见立方体图像(纹理)过渡到另一个？

Answer 1

如果在整个空间中有许多立方体地图(3d照片捕获)，那么您可以使用THREE.CubeTextureLoader将它们映射到大小为真实比例的立方体网格的内部表面(类似于拍摄到的房间)，并将它们放置在整个空间，以便它们的中心位于捕获时3D摄像机所处的位置。

​

​

然后，在不同位置之间转换的过程是将相机投到新立方体的中心，同时旧立方体变为零不透明度，新立方体逐渐消失为完全不透明。

只有一个立方体在任何时候都是完全可见的，其余的在空间中存在，但是不可见的。

我会在所有的毕业典礼上使用Three.js间文库：相机的位置和两个立方体的透明度。

备注__：我总是渲染我的场景，所以3d世界中的一个单元在现实世界中是1米。它有助于让事情看起来更现实、更快，而且如果我想在项目之间共享模型或代码技术，它们更有可能是兼容的。