Three.js StereoEffect kann nicht auf CSS3DRenderer angewendet werden

Question

Ich bin dabei, eine Chrome VR Web App zu entwickeln. Jetzt versuche ich verzweifelt herauszufinden, wie ich eine Webseite in meine stereoskopische Szene mit einigen Meshes verwandeln kann.

Also ich habe meinen Renderer für die Meshes, was gut funktioniert. Der folgende Code ist nur die relevanten Schnipsel:

var renderer = new THREE.WebGLRenderer(); 

Dann habe ich meine stereoeffect-Renderer, der die webgl Renderer erhält:

var effect = new THREE.StereoEffect(renderer); 

Nächste ist, dass ich die Website Renderer erstellen, und es auf die stereoeffect :

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

Dann habe ich Szenen, die wiedergegeben werden:

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

Nein, was ich erhalten, ist dies:

Ein stereoskopisches Bild meiner Masche, sondern ein nicht stereoskopisches Bild der Website. Das Problem ist, dass, wenn ich versuche, den CSS-Renderer in den StereoEffect-Renderer hinzuzufügen, die Funktion setViewport (unter anderem wahrscheinlich) fehlt.
Ich habe versucht, das Web-Objekt zum Webgl-Renderer hinzuzufügen, aber es möchte meine Website nicht rendern. Das Hinzufügen des Website-Objekts zur Szene mit den Meshes funktioniert nicht.

Jede Hilfe wird sehr geschätzt!

Answer 1

Ich hatte das gleiche Problem. Es scheint, dass es einen CSS-Stereo-Renderer gab, der jedoch zusammen mit allen Beispielen entfernt wurde. Dies könnte aus einer Reihe von Gründen gewesen sein, also verwenden Sie Folgendes mit Vorsicht oder bis sie die Kompatibilität wieder einführen: Nach der Suche habe ich a remaining copy of their demo gefunden, aus dem Sie den Code extrahieren und seine CSS3DStereoRenderer.js-Datei kopieren können.

Hoffentlich hilft das.