2016-04-28 10 views
0

クロームVR Webアプリケーションを開発中です。今私は、Webサイトを私の中にいくつかのメッシュがある私の立体視のシーンにレンダリングする方法を見つけようと必死にしています。CSS3DRendererにThree.js StereoEffectを適用できません

私はメッシュのためのレンダラーを持っています。これはうまくいきます。次のコードは、唯一の関連スニペットです:

var effect = new THREE.StereoEffect(renderer); 

次の私は、ウェブサイトのレンダラを作成し、stereoeffectにそれを適用することである:

var renderer = new THREE.WebGLRenderer(); 

は、私はWebGLのレンダラを受け、私のstereoeffectレンダラを持っています:

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

それから私は、レンダリングされているシーンがあります

rendered image

私のメッシュの立体画像が、ウェブサイトの非立体画像:

私が受け取る何いいえこれではありません。問題は、CSSレンダラーをStereoEffectレンダラーに追加しようとすると、setViewport関数(おそらく他のもの)が見つからないということです。
ウェブオブジェクトをwebglレンダラーに追加しようとしましたが、ウェブサイトをレンダリングしたくないため、メッシュを含むシーンにウェブサイトオブジェクトを追加することはできません。

ご協力いただきありがとうございます。

答えて

4

私は同じ問題を抱えています。 CSSステレオレンダラがあったようですが、すべての例とともに削除されています。これは何らかの理由であった可能性がありますので、次の注意を慎重に使用するか、互換性を再導入するまでお待ちください。 検索後、コードをマイニングしてCSS3DStereoRenderer.jsファイルをコピーできるa remaining copy of their demoが見つかりました。

うまくいけば、これが役に立ちます。

関連する問題