将three.js背景更改为透明或其他颜色
将three.js背景更改为透明或其他颜色
提问于 2013-04-24 02:53:36
我一直在尝试将画布的默认背景颜色从黑色更改为透明/任何其他颜色-但没有成功。
我的HTML：
<canvas id="canvasColor">我的CSS：
<style type="text/css">
#canvasColor {
z-index: 998;
opacity:1;
background: red;
}
</style>正如你在下面的在线示例中看到的，我在画布上添加了一些动画，所以不能只在id上做一个不透明度: 0；。
实时预览：http://devsgs.com/preview/test/particle/
有什么办法改写默认的黑色吗？
回答 6
Stack Overflow用户
发布于 2015-07-26 19:01:36
完整的答案：(用r71测试)
要设置背景色，请使用：
renderer.setClearColor( 0xffffff ); // white background - replace ffffff with any hex color如果你想要一个透明的背景，你必须首先在你的渲染器中启用alpha：
renderer = new THREE.WebGLRenderer( { alpha: true } ); // init like this
renderer.setClearColor( 0xffffff, 0 ); // second param is opacity, 0 => transparent有关更多信息，请访问View the docs。
Stack Overflow用户
发布于 2014-02-05 05:45:51
对于透明度，这也是必需的:通过Transparent background with three.js实现的renderer = new THREE.WebGLRenderer( { alpha: true } )
Stack Overflow用户
发布于 2020-04-03 03:21:00
在2020年使用r115时，它可以很好地使用下面的代码：
const renderer = new THREE.WebGLRenderer({ alpha: true }); const scene = new THREE.Scene(); scene.background = null;
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16177056
复制相关文章
相似问题