基于THREE.Renderpass的多场景渲染

Question

我有以下问题:尝试使用RenderPass呈现用于后处理的多个场景。

现在有两个场景：

1)地形+云层

2)文本层

两个场景都在呈现，但是文本层被混合到地形中(通常，如果它们在相同的场景中呈现，它应该这样做)。奇怪的是:我可以通过云层看到文本，这些云比地形高得多(地形和云都在同一个场景中进行测试)。

​

你可以看到云层上方的文字，但它与地形混合在一起。

为了呈现它，我使用了以下代码：

    @renderPass = new THREE.RenderPass( @scene, @camera )
    @renderPass.renderToScreen = true
    @renderPass.clear = false
    @renderPass.clearDepth = true

    @textPass = new THREE.RenderPass( @textScene, @camera )
    @textPass.renderToScreen = true
    @textPass.clear = false
    @textPass.clearDepth = true

@composer = new THREE.EffectComposer( @renderer );

        @composer.addPass( @renderPass )
        @composer.addPass( @textPass )

但当我试图正常地呈现它们时，我会使用：

    @renderer.clear()
    @renderer.render @scene, @camera
    @renderer.clearDepth();
    @renderer.render @textScene, @camera

一切都如期而至。

​

Answer 1

RenderPass实际上没有clearDepth选项。我打开了一个pull请求来添加对此的支持，这将解决您的问题：

https://github.com/mrdoob/three.js/pull/10159

更新：拉请求被合并并包含在r83发行版中，因此您编写的代码现在应该可以工作了。