Three.js为什么渲染器具有视口和放大器剪刀和我有一个完整的黑色帆布

Question

我有一个典型的用户界面 - 两个垂直窗口。 画布的左边是＆amp;渲染器，用户界面的权利。

在此UI中，我将有特殊的查看器，例如一个简单的顶视图窗口。

我使用了视口＆amp;＆amp;剪刀的方法。一切正常。

问题是我错过了一些特殊的参数，以避免完整的画布黑色填充，覆盖我所拥有的所有（我的UI）背后。 我期待那个视口和剪刀要让我清洁＆＃39;我的画布里面的区域（未填充）。但不是......

alpha方法（renderer = new THREE.WebGLRenderer( { alpha: true } );）可能是修复方法，但我不知道这是否是最佳解决方案（性能如何）或者是否有任何方法可以编程（增强）与视口和剪刀。

如果我要使用视口，则无法用黑色填充所有内容。

（另一个主要问题是......如果我有一个视口和剪刀，为什么以及谁用黑色填充画布？）

Answer 1

完全可以使用它：

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

这是一种常见方法，您也可以阅读here in this answer

您只能更改这样的颜色：

renderer.setClearColor( 0xffffff );