three.js - three.jsマテリアルの「ディザリング」が実際にディザリングを行わないのはなぜですか?

Question

オブジェクトに次のような単純なマテリアルがあります。

    THREE.MeshPhysicalMaterial({
        roughness:1,
        color: 0xffffff,
        dithering:true 
    })

1 つのシンプルなディレクショナル ライト。今、私は「ディザリング」が影でこのようなことをするだろうと思った:

しかし、それは何もしないようです。ディザリング属性は実際に何をしますか? または、何かを設定するのを忘れましたか?

Answer 1

マテリアルのディザリングは、色がスムーズにブレンドされていない場合にバンディングを防ぐのに役立つ非常に微妙な効果です。スクリーンショットに表示されている効果は、はるかに顕著で、白黒で、大部分がピクセル化されています。デフォルトのマテリアルにはこの機能がありません。

必要な効果は、後処理パスとして実現できます。Threejs には、ここでそれを行う方法のデモがあります: https://threejs.org/examples/?q=post#webgl_postprocessing

そのデモのソース コードは次のとおりです。DotScreenShader シェーダー パスを使用していることに注意してください。