javascript - three.js:cubemap 和 renderer.autoclear = false

Question

我有两个场景，分别渲染和叠加，所以将 renderer.autoClear 设置为 false。我在渲染循环中使用 renderer.clear()，一切正常:

// This works fine!
renderer.clear();
renderer.render( bgScene, bgCamera )
renderer.clearDepth();
renderer.render( scene, camera );

不过，我现在已经在场景中添加了一个立方体相机，以制作一个反光物体。不幸的是，将 renderer.autoClear 设置为 false 会导致问题，当周围环境发生变化时，反射对象的纹理不会清除，从而导致典型的“绘画”效果:

// Causes "painting" effect
cubeCamera.updateCubeMap( renderer, scene );

这是一个复制问题的简化 fiddle 。为了简单起见，我没有包括这两个场景。我知道这实际上可能是库中的错误，在这种情况下，我会将其发布到存储库中。

https://jsfiddle.net/pqoz74rf/4/

Answer 1

伟大的 WestLangley 解决了这个问题，在 github 上.更新立方体贴图时必须启用自动清除，但可以为渲染的其他部分再次关闭。

renderer.autoClear = true;
cubeCamera.updateCubeMap( renderer, scene );

renderer.render( bgScene, bgCamera )
renderer.autoClear = false;

renderer.clearDepth();
renderer.render( scene, camera );

更新 fiddle :https://jsfiddle.net/pqoz74rf/6/