Я занимаюсь разработкой веб-приложения 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, но он не хочет отображать мой веб-сайт, поэтому добавление объекта веб-сайта в сцену с сетками не работает.
Любая помощь приветствуется!