シーンに「水」を追加したいのですが、カメラが水に入るたびにちらつきが発生します。
ここでフィドルを作成しました。透明な立方体の内側でカメラを動かすと、カメラを動かしたときに、固体の立方体の面に接する面がちらつき始めます。
ちらつきの問題を解決するdepthTestを無効にしてみましたが、カメラを移動すると、透明な立方体を見て固体の立方体の後ろにカメラを配置すると透明な立方体が表示されるため、オプションではありません。
私はたくさんグーグルで検索し、SOでいくつかの質問を調べましたが、これまでに見つけたのはそれがdepth-buffer問題であるということです。また、半透明のオブジェクトを描画した後にソリッドオブジェクトを描画する必要があることも読みましたが、three.jsでそれができると思いますか？
全体として、これを解決するのに役立つ答えは見つかりませんでした。透明性はthree.js / webglで行うのが最も簡単なことではないことを理解していますが、これを克服する方法についていくつかのヒントをいただければ幸いです。