Three.js StereoEffect 不能应用于 CSS3DRenderer

Question

我正在开发 chrome VR 网络应用程序。现在我拼命想弄清楚如何将网站渲染到我的立体场景中，其中有一些网格。

所以我有我的网格渲染器，效果很好。以下代码仅为相关片段：

var renderer = new THREE.WebGLRenderer();

然后我有接收 webgl 渲染器的立体效果渲染器：

var effect = new THREE.StereoEffect(renderer);

接下来是我创建网站渲染器，并将其应用于立体效果：

var rendererCSS = new THREE.CSS3DRenderer();
var effectHUD = new THREE.StereoEffect(rendererCSS);

然后我有正在渲染的场景：

var scene = new THREE.Scene();
var sceneCSS = new THREE.Scene();
function render(dt) {
      effect.render(scene, camera);
      effectHUD.render( sceneCSS, camera );
    }

不是我收到的是这样的：

我的网格的立体图像，但网站的非立体图像。问题是当我尝试将 css 渲染器添加到 StereoEffect 渲染器时，setViewport 函数（可能还有其他函数）丢失了。
我已经尝试将网站对象添加到 webgl 渲染器，但它不想渲染我的网站，因此将网站对象添加到带有网格的场景是行不通的。

非常感谢任何帮助！

Answer 1

我也遇到了同样的问题。似乎有一个 CSS 立体渲染器，但它已与所有示例一起被删除。这可能出于多种原因，因此请谨慎使用以下内容，或者直到它们重新引入兼容性：搜索后我找到了 a remaining copy of their demo，您可以从中挖掘代码并复制其 CSS3DStereoRenderer.js 文件。

希望这对您有所帮助。

Three.js StereoEffect 不能应用于 CSS3DRenderer

Three.js StereoEffect cannot be applied to CSS3DRenderer

stereoscopy

webgl

three.js

virtual-reality