three.js - THREE.js カスタム シェーダーが正しくアンチエイリアスされない

Question

レンダラーを初期化するときに有効にしても{ antialias: true }、線はマルチサンプリングされず、まだ鋭いエッジが表示されます。ここで表示できる JSFiddle の問題を再現しました。

線がフラグメントシェーダーによって生成され、ジオメトリ自体の一部ではないため、問題が発生すると思われます。その場合、希望どおりに機能させるためにできることはありますか？

ありがとう！

Answer 1

このページが役立つかもしれません。WebGL のアンチエイリアシングは、そもそもあまり良くありません。シーンの品質を向上させるために、THREE.js で FXAA を使用することになりました。