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

时间:2019-03-07 12:32:07

标签: javascript three.js transparency

好,所以我尝试将canvas / three.js的背景设置为类似于$scope.itemobj = {} //defined empty object 的背景,我可以使用  opacity:.5

但是这不是我想要的,我希望能够在render(画布背景)后面看到,所以我可以看到下面页面的body / html,但将对象保留在render {{1}中}。

有什么主意吗? 谢谢!

1 个答案:

答案 0 :(得分:1)

您可以尝试如下设置渲染器的透明颜色和Alpha值,以更好地控制背景的渲染方式:

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

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