将 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 );
好的,所以我正在尝试将 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 );