这是我第一次使用three.js，
我找到了一个我非常喜欢的代码，但是我在改变背景颜色时遇到了麻烦。
我已经看了关于这个主题的其他问题，并尝试将{ alpha: true}添加到renderer = new THREE.WebGLRenderer();中，正如这篇文章所建议的：Transparent background with three.js
我的目标是在<div class="page-content"></div>元素上创建一个透明的背景。我真的很感激任何帮助！
编码员：https://codepen.io/ramsaylanier/pen/raybzy
2条答案
按热度按时间csbfibhn1#
我觉得这里缺少了一些东西：
1.正如你提到的，你确实需要
alpha: true在现场。1.不要更改
setClearColor。1.如果您使用的是EffectComposer，则需要进行一些额外的工作来使其允许透明背景，请参阅这些注解。How do I stop EffectComposer from destroying my transparent background?
我建议从
renderer.render( scene, camera )而不是composer.render()开始，以确保前两部分正常工作。ia2d9nvy2#
新的THREE. WebGL渲染器（{画布：帆布，
}）