Three.js StereoEffect ne peut pas être appliqué à CSS3DRenderer

Question

Je suis en train de développer une application Web Chrome VR. Maintenant, j'essaie désespérément de comprendre comment rendre un site web dans ma scène stéréoscopique qui a quelques mailles.

J'ai donc mon moteur de rendu pour les maillages, qui fonctionne bien. Le code suivant est que les extraits pertinents:

var renderer = new THREE.WebGLRenderer(); 

Puis-je avoir mon stereoeffect renderer qui reçoit le moteur de rendu WebGL:

var effect = new THREE.StereoEffect(renderer); 

suivant est que je crée le site renderer, et l'appliquer à la stereoeffect :

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

, j'ai des scènes qui sont rendus:

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

Non ce que je reçois est ceci:

Une image stéréoscopique de mon filet, mais une image non stéréoscopique du site. Le problème est que lorsque j'essaie d'ajouter le rendu css dans le rendu StereoEffect, la fonction setViewport (entre autres, probablement) est manquante.
J'ai essayé d'ajouter l'objet site Web au webgl renderer, mais il ne veut pas rendre mon site web, donc ajouter l'objet site à la scène avec les maillages ne fonctionne pas.

Toute aide est grandement appréciée!

Answer 1

J'ai eu le même problème. Il semble qu'il y avait un rendu CSS Stereo mais il a été supprimé avec tous les exemples. Cela pourrait avoir été pour un certain nombre de raisons donc utilisez ce qui suit avec prudence, ou jusqu'à ce qu'ils réintroduisent la compatibilité: Après la recherche, j'ai trouvé a remaining copy of their demo à partir de laquelle vous pouvez extraire le code et copier son fichier CSS3DStereoRenderer.js.

Espérons que cela aide.