Three.js StereoEffect 无法应用于 CSS3DRenderer答案

【问题标题】：Three.js StereoEffect cannot be applied to CSS3DRendererThree.js StereoEffect 无法应用于 CSS3DRenderer
【发布时间】：2016-04-28 11:51:09
【问题描述】：

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

所以我有我的网格渲染器，效果很好。以下代码只是相关的sn-ps：

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 渲染器，但它不想渲染我的网站，因此将网站对象添加到带有网格的场景中不起作用。

非常感谢任何帮助！

【问题讨论】：

标签： three.js webgl virtual-reality stereoscopy

【解决方案1】：

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

希望这会有所帮助。

【讨论】：