three.js - Three.js StereoEffect は CSS3DRenderer に適用できません

Question

私はクロムVR Webアプリを開発中です。今、私はウェブサイトを私の立体シーンにレンダリングする方法を必死に理解しようとしています。

そのため、メッシュ用のレンダラーがあり、うまく機能します。次のコードは、関連するスニペットのみです。

var renderer = new THREE.WebGLRenderer();

次に、webgl レンダラーを受け取るステレオエフェクト レンダラーがあります。

var effect = new THREE.StereoEffect(renderer);

次に、Web サイト レンダラーを作成し、それを立体効果に適用します。

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 関数 (特に、おそらく) が見つからないことです。
Web サイト オブジェクトを webgl レンダラーに追加しようとしましたが、Web サイトをレンダリングしたくないため、メッシュを使用して Web サイト オブジェクトをシーンに追加しても機能しません。

どんな助けでも大歓迎です！