三色帆布背景黑色
三色帆布背景黑色
提问于 2015-04-02 20:43:30
我试用了三个基本场景，但我不明白为什么画布背景是完全黑色的。
<html>
<head>
<title>My first Three.js app</title>
<style>
body { margin: 0; }
canvas { width: 100%; height: 100%;background-color: white; }
</style>
</head>
<body>
<script src="Stereos/threejs/three.js"></script>
<script>
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
var renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
</script>
</body>
</html>编辑：
felpone.netsons.org代码
回答 7
Stack Overflow用户
回答已采纳
发布于 2015-04-02 20:51:07
画布背景的颜色不是由CSS值决定的，而是使用renderer.setClearColor (0xff0000, 1);确定的。
Stack Overflow用户
发布于 2015-07-29 17:11:09
您可以使用css控制背景色，但必须首先将WebGLRenderer的"alpha“设置为"true”。
在您的示例中，我添加了alpha选项并在呈现器中设置为true，还在主体样式中添加了背景颜色属性。
<html>
<head>
<title>My first Three.js app</title>
<style>
body { margin: 0; background-color: white; }
canvas { width: 100%; height: 100%; background-color: white; }
</style>
</head>
<body>
<script src="Stereos/threejs/three.js"></script>
<script>
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
var renderer = new THREE.WebGLRenderer( {alpha: true} );
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
</script>
</body>
</html>Stack Overflow用户
发布于 2018-05-17 20:26:40
最好将背景直接添加到场景中，可以是纹理，也可以是THREE.Color!
从r78版本开始，您可以使用下面的代码设置场景的背景颜色：
var scene = new THREE.Scene();
scene.background = new THREE.Color( 0x000000 );医生：
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29422118
复制相关文章
相似问题
腾讯云开发者
