javascript - 将 Three.js 背景更改为不透明度 0.5

标签 javascript three.js transparency

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

但这不是我想要的,我希望能够看到渲染后面( Canvas 背景),这样我就可以看到下面页面的 body/html,但将对象保留在渲染中 不透明度:1

有什么想法吗? 谢谢!

最佳答案

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

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

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

关于javascript - 将 Three.js 背景更改为不透明度 0.5,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55043886/

相关文章:

javascript - 使用 JavaScript 从网站获取特定内容

javascript - HTML 不渲染 JS 中给出的标签位置

three.js - 在 Three.js 中加载 OBJ 文件

javascript - 在 Three.JS 粒子系统中移动单个粒子

java - 如何使相对布局半透明但不使 Activity 半透明

css - 点击粘性、透明的 iframe

javascript - 有没有办法在没有换行符的情况下使用 div 标签,或者有​​其他选择吗?

javascript - (多个)axios Post请求/参数问题

apache - 尽管有适当的许可,跨源图像加载仍被拒绝

c# - WPF - 透明度 - 流式桌面内容