三.js为什么渲染器带有视口和剪刀，我有一个完整的黑色画布

Three.js Why renderer with viewport & scissor and I have a complete black canvas

本文关键字：有一个 黑色 为什么 js 视口      更新时间：2023-09-26

我有一个典型的用户界面 - 两个垂直窗口。左边是画布和渲染器，右边是UI。

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

我使用了视口和剪刀方法。一切正常。

问题是我错过了一些特殊参数，以避免完整的画布黑色填充，覆盖我后面的所有内容（我的 UI）。我预计视口和剪刀会让我在画布上有"干净"的区域（未填充）。但不是....

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

如果我要使用视口，那么用黑色填充所有视口是没有意义的。

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

使用这个是完全可以的：

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

这是一种常见的方法，您也可以在此答案中阅读

您只能像这样更改颜色：

renderer.setClearColor( 0xffffff );
相关文章：