立方体を含む単純なシーンを作成しました。含まれている要素 (ボディ) の色を背景で見ることができます。
FXAA シェーダーが追加され、アンチエイリアシングがうまく機能します。ただし、背景が黒くなったため、背景コンテナーの色が見えなくなりました。
次のコードを追加しました。
var target = new THREE.WebGLRenderTarget(512, 512);
var composer = new THREE.EffectComposer( renderer, target );
エフェクト コンポーザーのレンダー ターゲット フォーマットを、デフォルトの THREE.RGBFormat ではなく、THREE.RGBAFormat に設定します。
これにより、背景が適切に機能しますが、立方体の周りに黒と白のエッジがあり、アンチエイリアシングの見栄えがよくありません。
上記を繰り返しましたが、FXAA シェーダーの代わりに Sepia シェーダーを使用しました。これは正しく動作します。立方体はセピア色に見え、要素の色を含む背景は正しいです。
アンチエイリアシングと透明な背景を許可する回避策はありますか?
助けてくれてありがとう