如何将three.js背景更改为透明或其他颜色?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (100)

我一直在试图改变我的画布的默认背景颜色,从黑色到透明/任何其他颜色,但没有成功。

我的HTML:

<canvas id="canvasColor">

我的CSS:

<style type="text/css">
#canvasColor {
 z-index: 998;
opacity:1;
background: red;
}
</style>

可见:http://devsgs.com/preview/test/particle/

提问于
用户回答回答于

当我开始使用three.js时,我遇到了这个问题。这实际上是一个javascript问题。你目前有:

renderer.setClearColorHex( 0x000000, 1 );

在你的threejsinit函数中。将其更改为:

renderer.setClearColorHex( 0xffffff, 1 );
用户回答回答于

对于透明度,这是强制性的:

renderer = new THREE.WebGLRenderer( { alpha: true } )

扫码关注云+社区

领取腾讯云代金券