three.jsとの背景

Question

three.jsで私を助けることができますか？

私はTHREE.Spriteのような背景を描く必要がありますが、後で描画する3Dオブジェクトの下にあるようにします。私はカメラを持っていますが、それはZ軸だけで動くことができます。

は、私が使用することをしようと試み：

• キューブマッピングシェーダ - 問題： - PROBLEMシャドウ面とのアーティファクトを、それはカメラの移動をdublicate

• THREE.Sprite描く不安定です：シャドウ面を持つアーティファクトを - エッジを強調表示したり、オブジェクトのない他のスパイだけを描画したりします。

• HTML DOM背景 - 問題：モデルで大きくて醜いエイリアシング。

さらにお試しください。ありがとう！

Answer 1

複数のパスで描画を試みることができます。つまり、バックグラウンドシーンの最初のレンダリングをバッファに、次に2番目のレンダリングを最初の「バッファ」に渡すことができます。バッファをバックグラウンドとして使用しているかもしれません（正射投影で2Dでペイントし、そのパスでデプスバッファ書き込みを無効にする）。

私はthree.jsでそれを試していませんが、それは私が "伝統的な" OpenGLを使って行う方法です。

Answer 2

「3d」の背景、つまりカメラの回転に追従するが動きに反応しない（無限遠になる）ものが必要な場合は、キューマップを使用するしかありません。

他の解決策は、環境ドームであり、完全な3Dオブジェクトです。

スタティックバックグラウンドが必要な場合は、htmlバックグラウンドのみを実行できるはずです。なぜこれが失敗するのか、あなたが話している「エイリアシング」の理由はわかりません。