将 three.js 背景更改为不透明度 .5

Changing three.js background to opacity .5

好的,所以我正在尝试将 canvas/three.js 的背景设置为类似于 opacity:.5 我可以使它完全透明 new THREE.WebGLRenderer( { alpha: true } );

但这不是我要找的东西,我希望能够看到渲染(canvas 背景)后面的内容,这样我就可以看到下面页面的 body/html,但保留渲染中的对象 opacity:1.

有什么想法吗? 谢谢!

您可以尝试像下面这样设置渲染器的清晰颜色和 alpha 值,以便更好地控制背景的渲染方式:

const renderer = new THREE.WebGLRenderer( { alpha: true } );
renderer.setClearColor( color );
renderer.setClearAlpha( 0.5 );

https://jsfiddle.net/vr648d3z/1/