Three.js StereoEffect нельзя применить к CSS3DRenderer

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

Любая помощь приветствуется!


person Guntram    schedule 28.04.2016    source источник


Ответы (1)


У меня такая же проблема. Похоже, что был рендерер CSS Stereo, но он был удален вместе со всеми примерами. Это могло произойти по ряду причин, поэтому используйте следующее с осторожностью или до тех пор, пока они не вернут совместимость: " rel="nofollow">оставшаяся копия их демонстрации, из которой вы можете извлечь код и скопировать файл CSS3DStereoRenderer.js.

Надеюсь, это поможет.

person Sam0    schedule 28.05.2016