如何在三个js轨迹球控制（r87）中使渲染器透明？

Question

我在一个画布中有两个渲染器，我希望渲染器是透明的，我在下面的代码中应用了这个。但它没有成功。有人可以帮帮我吗？

var renderer = new THREE.WebGLRenderer( { alpha: true } ); renderer.setClearColor( 0x000000, 0 );

Answer 1

如果您想要透明背景，请不要使用setClearColor。它会覆盖alpha，这使背景变得透明。 编辑：将setClearColor与WebGLRenderer.alpha属性一起使用就可以了。如果您希望背景透明，请记住包含alpha参数：renderer.setClearColor( hexColor, alphaValue );

我不明白你的意思是“两个渲染器在一个画布上”。这听起来很危险，充其量。如果您尝试将两个内容绘制到同一个画布，请考虑将它们组合到一个场景中，或使用相同的渲染器渲染两个场景。

（这也与TrackballControl无关。）