Question

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

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

set :deploy_to, '/home/deploy/Sites/staging/myname'

然后我有我的stereoeffect渲染器接收webgl渲染器：

var renderer = new THREE.WebGLRenderer();

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

var effect = new THREE.StereoEffect(renderer);

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

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

我收到的不是这个：

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

非常感谢任何帮助！

Answer 1

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

希望这有帮助。